transition:变化的参数调整
all 1s linear 1s
参数1:范围
参数2:变幻时间
参数3:插值方法:ease,ease-in,ease-out,linear
参数4:延迟时间
transform: 后接函数,空格分隔
3D变换
translate3d(150px,150px,0) 位置移动
scale3d(1.5,1.5,1)
rotate3d(0,0,1,90deg)
2D变换
rotate(150deg)
translateX()
translateY()
translate(x,y)
scale(sx,sy)
scaleX()
scaleY()
用css实现动画: 给一个元素赋值一个有动画效果的css, 即可以让这个元素产生了动画
常用的方式是jquery的.addClass("")
同样, 用.removeClass("")可以让动画产生反效果
all 1s linear 1s
参数1:范围
参数2:变幻时间
参数3:插值方法:ease,ease-in,ease-out,linear
参数4:延迟时间
transform: 后接函数,空格分隔
3D变换
translate3d(150px,150px,0) 位置移动
scale3d(1.5,1.5,1)
rotate3d(0,0,1,90deg)
2D变换
rotate(150deg)
translateX()
translateY()
translate(x,y)
scale(sx,sy)
scaleX()
scaleY()
用css实现动画: 给一个元素赋值一个有动画效果的css, 即可以让这个元素产生了动画
常用的方式是jquery的.addClass("")
同样, 用.removeClass("")可以让动画产生反效果