Css3動畫庫收集

2021-09-07 08:08:08 字數 2736 閱讀 8910

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動畫,隨著瀏覽器對動畫支援的改善,一種高效率的做事方式變得越來越流行。考慮到基礎知識,我將快速建立乙個從正方形變成圓形的動畫案...