31、过渡
transition:height 0.3s
transition: property duration timing-function delay;
transition-property:height、width等等
属性名
transition-duration:时间间隔0.3s,单位毫秒
transition-timing-function:(贝塞尔曲线)
ease:先加速在减速 (默认值)
ease-in:加速引动
ease-out:减速运动
ease-in-out:先加速在减速,与ease相同,但是速度不同
cubic-bezier(0,0,1,1):贝塞尔曲线
匀速,可以去找网址参数
step(2,end):分两步执行
与时间搭配使用。第二个值start或end,开始时执行还是结束时执行
transition-delay:延时几秒再开始
transition-delay:2s
简写属性:无次序要求,如要写延时,泽第一个时间为持续时间
transition:height 2s 1s
32、动画
@keyframes
关键帧定义
animation-name
名称
animation-duration
持续时间
animation-delay
延时时间
animation-iteration-count
重复次数
animation-direction
方向
animation-timing-function
运动方式
animation-fill-mode
模式
animation
简写
使用方法
<