<!doctype html> <html> <head> <meta charset="utf-8"> <title>从左滑出</title> <style> div{ margin:200px; width:150px; height:100px; background:green; animation: bounceInLeft 3s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000) } @keyframes bounceInLeft { 0% { transform: translate3d(-3000px, 0, 0); } 60% { /* opacity: 1;*/ transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(0px, 0, 0); } 90% { transform: translate3d(0px, 0, 0); } 100% { transform: none; } } </style> </head> <body> 这是定义的css3d 动画从左侧划入 <div></div> </body> </html>
html5_css3 滑动动画
猜你喜欢
转载自blog.csdn.net/milijiangjun/article/details/80436131
今日推荐
周排行