本節簡介:講解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的時間,還可以設置動畫變化的效果