<CSS動畫-1>

網頁小社第四堂

講師:嗯嗯

<CSS-動畫>

讓網站更生動~

動畫有哪些

滑鼠滑入

滑鼠長按

滑鼠點擊

鍵盤打字

不斷地動就好

今天會教滑鼠滑入、滑鼠長按

下禮拜教讓他一直動

其他的等到JavaScript吧

<滑鼠動畫>

滑入&長按

動畫有哪些

hover:滑鼠滑入

active:滑鼠長按

.class:hover{
	滑鼠滑入後的css
}

滑鼠動畫練習

<transition>

讓動畫不會卡卡的

什麼是transition?

屬性

transition-property:指定要轉換的CSS屬性

transition-duration:轉換需要的時間,預設0,單位為s或ms

transition-delay:延遲多久轉換,預設0,單位為s或ms

transition-timing-function:轉換時的速度曲線,預設ease

transition:property duration delay timing-function

速度曲線

transition練習

Made with Slides.com