1.animate.css – 齊全的css3動畫庫
2.angular官方動畫庫
3.animate.css
支援的動畫名稱
class name
bounce
flash
pulse
rubberband
shake
headshake
swing
tada
wobble
jello
bouncein
bounceindown
bounceinleft
bounceinright
bounceinup
bounceout
bounceoutdown
bounceoutleft
bounceoutright
bounceoutup
fadein
fadeindown
fadeindownbig
fadeinleft
fadeinleftbig
fadeinright
fadeinrightbig
fadeinup
fadeinupbig
fadeout
fadeoutdown
fadeoutdownbig
fadeoutleft
fadeoutleftbig
fadeoutright
fadeoutrightbig
fadeoutup
fadeoutupbig
flipinx
flipiny
flipoutx
flipouty
lightspeedin
lightspeedout
rotatein
rotateindownleft
rotateindownright
rotateinupleft
rotateinupright
rotateout
rotateoutdownleft
rotateoutdownright
rotateoutupleft
rotateoutupright
hinge
jackinthebox
rollin
rollout
zoomin
zoomindown
zoominleft
zoominright
zoominup
zoomout
zoomoutdown
zoomoutleft
zoomoutright
zoomoutup
slideindown
slideinleft
slideinright
slideinup
slideoutdown
slideoutleft
slideoutright
slideoutup
4.webgradients 含有多種漂亮的漸變色,可在任何 html 頁面輕鬆應用。你可在專案**快速預覽可用的漸變色,還能一鍵複製 css 到你的專案中去。
更多:
色彩模式
icomoon!強悍的web字型圖示製造器/web字型使用例項
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性,但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...
CSS基礎 CSS3動畫
通過css3動畫屬性,我們可以建立動畫,實現簡單的動畫效果。css3動畫的實現需要用到animation屬性並配合關鍵幀 keyframes 使用。1.對需要設定動畫的元素新增animation屬性。2.設定關鍵幀 keyframes animation是所有動畫屬性的簡寫屬性,除了 animati...
CSS 3動畫介紹
原文 a beginner s introduction to css animation 譯文 乙個初學者對css動畫的介紹 譯者 dwqs 在這篇文章,我將向你介紹css動畫,隨著瀏覽器對動畫支援的改善,一種高效率的做事方式變得越來越流行。考慮到基礎知識,我將快速建立乙個從正方形變成圓形的動畫案...