1、 Css3动画效果(2D)
Animation:动画, 有几个属性:animation-name:命名; animation-duration:持续时间; animation-timing-funtion:变化速度; animation-delay:动画延迟; animation-iteration-count:【infinite(无限循环播放)】执行次数。如:
@keyframes:调用动画
Transition动画:有位移、旋转、缩放、倾斜4种。Transform的几个属性: transform -rotate():旋转; transform -skew():扭曲; transform -scale(x,y):缩放; transform -translate(): 位移【有X轴和Y轴】; transform -matrix():矩阵【水平方向跟垂直方向】; transform-origin:原点。
如:
2、Css3:3D动画
注:两个rotateY()每设置一个就增加10deg,一直到360deg,其它不变。
此来源于网上下载的HTML特效资料。