CSS3学习感悟

transition动画篇

1.最简单的transition动画

transition: 0.6s all ease;  添加动画过程,也就是给行为加上一个时间,例如上图为鼠标经过时发生颜色变化,且过渡用时为0.6秒。

当然完全可以简写为  transition: 0.6s;

2.几个简单rotate旋转

rotate
rotateX
rotateY

transform: rotate(90deg);标签以垂直于屏幕的线为轴,旋转90°
transform: rotateY(180deg);标签以X轴(屏幕水平线)旋转180°
transform: rotateY(180deg);标签以Y轴(屏幕垂直线)旋转180°

未经允许不得转载:安超峰的网站 » CSS3学习感悟

赞 (2)