transition 有三個參數(shù):
The property to transition. (Set this value to all if needed) 轉(zhuǎn)換屬性。(設(shè)置此值為所有如有需要)
The duration |
持續(xù)時間 |
The easing type |
The easing type |
緩動類型
為什么我們不將transition直接應(yīng)用到hover上呢?是因為我們只是在mouseover時生效,當(dāng)mouseout時元素將立即返回到其最初的狀態(tài)。
演示
因為我們對效果做了調(diào)整,所有對舊的瀏覽器不會產(chǎn)生任何影響。
接下來是通過文章所學(xué),我們來建立的一個簡潔的效果。大家可以通過查看源碼來學(xué)習(xí)來。具體如何創(chuàng)建我就不翻譯了。
演示
附:這是我第一次以文本的形式翻譯出文章來給大家看,其中肯定存在很多不足之后。如果大家覺得文章中有什么不懂的可以看一下原文,同時也希望大家能對這次翻譯提出寶貴的意見,使我能在以后的工作中加以改下。翻譯有問題的地方,大家可以留言反饋。
原文:http://www.wmtimes.cn/post/20101221908.html
本文鏈接:http://www.95time.cn/tech/web/2010/8196.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 你需要熟知10個的CSS3屬性 [9] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|