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做輪播，至於你說的這個，應該能實現，但自己沒做過，沒辦法肯定