How to restore smooth scrolling text in ios device without using tag.

Without using <marquee> tag we can use animations , marquee tag is not support for all devices and browsers.

Here is the sample code of animation to scroll text smoothly.

  .header-text {
                -webkit-animation: scroll 25s linear infinite;
                animation: scroll 25s linear infinite;
        
            }

            @-webkit-keyframes scroll {
                0% {
                    -webkit-transform: translateX(100%);
                }

                100% {
                    -webkit-transform: translateX(-100%);
                }
            }
}

Leave a comment

Your email address will not be published. Required fields are marked *