CSS学习笔记08

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简写

使用方法

<