Samuele Locatelli
1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
.scroll-left-a{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left-a span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scroll-left-a 8s ease infinite;-webkit-animation:scroll-left-a 8s ease infinite;animation:scroll-left-a 8s ease infinite;}@keyframes scroll-left-a{0%{transform:translateX(-50%);}30%{transform:translateX(-50%);}80%{transform:translateX(-80%);}}.scroll-left-b{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left-b span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scroll-left-b 8s ease infinite;-webkit-animation:scroll-left-b 8s ease infinite;animation:scroll-left-b 8s ease infinite;}@keyframes scroll-left-b{0%{transform:translateX(-50%);}30%{transform:translateX(-50%);}80%{transform:translateX(-120%);}}.scroll-left-c{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left-c span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scroll-left-c 8s ease infinite;-webkit-animation:scroll-left-c 8s ease infinite;animation:scroll-left-c 8s ease infinite;}@keyframes scroll-left-c{0%{transform:translateX(-50%);}30%{transform:translateX(-50%);}80%{transform:translateX(-150%);}} |