css實現滾動輪播

前端晉級攻城獅發表於2019-04-16

html

*`

css實現滾動輪播 css實現滾動輪播 css實現滾動輪播 css實現滾動輪播 css實現滾動輪播
` css

.box { width:500px; height:300px; border:1px solid red; margin:0 auto; position:relative; overflow:hidden; } .mox { width:2500px; font-size:0; position:absolute; left:0; -webkit-animation:move 10s infinite; } @-webkit-keyframes move { 0%,15% { left:0; } 25%,40% { left:-500px; } 50%,65% { left:-1000px; } 75%,90% { left:-1500px; } 100% { left:-2000px; } }

相關文章