本节简介:讲解transition属性的用法,及制作简单交互小动画按钮。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
transition:1s 2s (第二个值表示延迟) 记住transition要给初始属性加 不要给 hover加
transition:1s ease-in 开始快 逐渐变慢 ease-out开始慢 逐渐变快 linear匀速 ease是默认值 一开慢中间快后面慢
transition过渡 只改变1个属性的时候transition:backgroun 0.8s
transution第一个值过度时间 第二个值延迟属性
transition 秒数 秒数 ;第一个秒数是变化速度,第二个秒数是等待时间;比如,transition(0.5s 2s),意思是两秒后才发生变化
transition 属性ease-out一开始快,逐渐慢
transition 属性ease-in慢速开始,逐渐变快
transition:1s 2s表示动画过渡时间为1s,延迟时间为2s
不仅可以设置transition的时间,还可以设置动画变化的效果