过渡:transitton
过渡属性:
属性 | 说明 |
---|---|
transitton-delay | 指定过渡开始之前的延迟时间 |
transitton-duration | 指定过渡的持续时间 |
transitton-property | 指定应用过渡的属性 |
transitton-timing-function | 指定过渡期间计算中间值的方式 |
transitton | 简写属性 |
transition:样式 过渡时间 延迟时间
特点:1、通常又有伪类触发(加载事件也能触发)
2、作用在样式上(二种)
3、成对出现
4、完成后恢复原样
5、能过渡的一定是一个具体的值
过渡速度值:
属性 | 说明 |
---|---|
ease | 指定慢速开始,接着加速,然后慢速结束的过渡效果,为transtion-timing-function属性的默认值 |
linear | 指定以相同速度开始至结束的过渡效果 |
ease-in | 指定以慢速开始的过渡效果 |
ease-out | 指定以慢速结束的过渡效果 |
ease-in-out | 指定以慢速开始,慢速结束的过渡效果 |