84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
纯靠CSS就可以实现类似效果：
HTML：
CSS： .p1{ animation: pleft 6s infinite linear; -webkit-animation: pleft 6s infinite linear; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @keyframes pleft{ 0%{left: 200%} 100%{left: -100%} } .p2{ animation: pmid 6s infinite linear; -webkit-animation: pmid 6s infinite linear; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-delay:2s; -webkit-animation-delay:2s; } @keyframes pmid{ 0%{left: 200%} 100%{left: -100%} } .p3{ animation: pright 6s infinite linear; -webkit-animation: pright 6s infinite linear; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-delay:4s; -webkit-animation-delay:4s; } @keyframes pright{ 0%{left: 200%} 100%{left: -100%} }
jsfiddle.net看看是不是你想要的
想了两种方法: flex 与 inline-block容器设了宽度是为了便于观察.按理来说用定位也是可以的.但是得一个一个设置定位, 就没弄了.
https://jsfiddle.net/m41tLwqb/1/https://jsfiddle.net/2zcqqj26/
曾用纯CSS做轮播，至于你说的这个，应该能实现，但自己没做过，没法肯定
纯靠CSS就可以实现类似效果：
jsfiddle.net看看是不是你想要的
想了两种方法: flex 与 inline-block
容器设了宽度是为了便于观察.
按理来说用定位也是可以的.但是得一个一个设置定位, 就没弄了.
https://jsfiddle.net/m41tLwqb/1/
https://jsfiddle.net/2zcqqj26/
曾用纯CSS做轮播，至于你说的这个，应该能实现，但自己没做过，没法肯定