question The seamless scrolling of pictures and texts has a generally good effect on mobile phones, but the pictures will shake terribly on some mobile browsers! Wrong writing You cannot use left or margin-left, like this: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate; } @keyframes scoll { from { left: 0; } to { left: -353px; } } -webkit-@keyframes scoll { from { left: 0; } to { left: -353px; } } Workaround An element in it will shake terribly on mobile phones. Use 2D translate like this: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate; } @keyframes scoll { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, -353px); } } @-webkit-keyframes scoll { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, -353px); } } The above is the details of how to achieve seamless scrolling and anti-shake using Css3. For more information about CSS3 seamless scrolling and anti-shake, please pay attention to other related articles on 123WORDPRESS.COM! |
<<: How to import and export Cookies and Favorites in FireFox
>>: Detailed explanation of JavaScript object conversion to primitive value
Today, I will answer these newbie questions: Build...
Today I will share with you a neon button animati...
Table of contents 1. Encapsulate complex page dat...
MySQL implements sequence function 1. Create a se...
drop table Drop directly deletes table informatio...
Today, when I was configuring Tomcat to access th...
Table of contents environment Virtual Machine Ver...
Specific method: 1. Press [ win+r ] to open the r...
Download address: https://dev.mysql.com/downloads...
What is an index? An index is a data structure th...
1. Service method Check the firewall status: [roo...
In a complex table structure, some cells span mul...
One trick for dealing with this type of error is t...
Table of contents Take todolist as an example The...
1. MySql Architecture Before introducing the stor...