CSS3有transition、transform这些属性,它们是用来移动元素过渡元素之类的。
transform是什么?
它使元素变形,改变,转换
它有哪些常用属性?
1.rotate
元素的旋转 单位:deg(度)
例子:.a{transform:rotate(10deg)}
2.scale
元素的倾斜 单位:deg(度)
例子:.a{trasform:skew(20deg)}
3.scale
元素按比例缩放 缩小为负数
例子:.a{transform:scale(1.5)}.b{transform:scale(-3)}
4.translate
元素的位移 单位px
例子:.a{transform:translate(120px,10px)}
5.origin
改变元素的中心点
例子:.a{transform-origin:20% 50%}
transition属性
以动画效果使元素平滑过渡
1.transition-property
设置 要过渡的属性 all是全部
例子:.a{transition-property:with}
2.transition-duration
指定元素转换过程的持续时间,默认是0
例子:.a{transition-durantion:5s}
3.transition-timing-function
指定元素的动画曲线
例子:.a{transition-timing-function:ease | linear | ease-in | ease-out | ease-in-out }
4.transition-delay
指定动画延时时间
例子:.a{transition-delay:0.5s}