.lg-ticker-container { width: 100%; background-color: #000000; color: #ffffff; overflow: hidden; white-space: nowrap; padding: 10px 0; font-family: inherit; font-size: 14px; font-weight: 600; /* Fixes iOS Safari clip issue */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-ticker-track { display: inline-flex; white-space: nowrap; will-change: transform; /* Safari / iOS vendor prefix */ -webkit-animation: lg-scroll 25s linear infinite; animation: lg-scroll 25s linear infinite; } .lg-ticker-track span { flex-shrink: 0; padding-right: 20px; /* Forces GPU rendering on iOS */ -webkit-transform: translateZ(0); transform: translateZ(0); } /* Pause on hover/touch */ .lg-ticker-container:hover .lg-ticker-track { -webkit-animation-play-state: paused; animation-play-state: paused; } /* Standard Keyframes */ @keyframes lg-scroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } /* Safari / iOS Specific Keyframes */ @-webkit-keyframes lg-scroll { 0% { -webkit-transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 0, 0); } }