<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> <style> @keyframes mymove { from {/* 0% */ left: 0px; } to {/* 100% */ left: 1200px; } } div { width: 100px; height: 100px; background: red; position: relative; animation: mymove 5s linear 1s infinite alternate; /* animation: mymove 5s ease 1s 2 normal; */ /* animation: 动画名称 周期时长 运动速度 延迟时长 循环次数 是否交替方向 */ } </style> </head> <body> <div> </div> </body> </html>
170、css3动画示例
猜你喜欢
转载自www.cnblogs.com/gushixianqiancheng/p/12123207.html
今日推荐
周排行