2016九大前端必備動畫庫
進入2016年,隨著各種型別網路技術的快速發展,動畫庫能為我們的網頁設計增添很多視覺趣味。作為前/後端的開發人員來說,熟悉及掌握好各種動畫庫(甚至抽取搭建成自己優化的動畫庫)程式碼,便能輕鬆省時省力地完成各種工作需求。即使客戶或使用者的UI設計需求越來越多,再加上設計大神們提交的動畫動效DEMO,本文推薦的這些動畫庫基本都能在瀏覽器裡面實現出來咯。希望對各位開發童鞋來說能有所幫助。
1. Animate.css
建立者:Daniel Eden
釋出日期:2013年
最新版本:3.4.0
關注人氣: 在GitHub上有25000+個星贊。
簡介說明:一個簡單易用的跨瀏覽器CSS動畫庫。
檔案大小::55.2 kB.
GitHub主頁: https://github.com/daneden/animate.css
版權許可: MIT
2.Bounce.js
建立者:Tictail
釋出日期:2014年
最新版本:0.8.2
關注人氣: 在GitHub上有3500+個星贊。
簡介說明:即時創造漂亮的CSS3動畫。
檔案大小::16 kB.
GitHub主頁: https://github.com/tictail/bounce.js
版權許可: MIT
3.Magic Animations
建立者:Christian
釋出日期:2014年
最新版本:1.1.0
關注人氣: 在GitHub上有3400+個星贊。
簡介說明:可創造CSS3動畫特效。
檔案大小::36.5 kB.
GitHub主頁:https://github.com/miniMAC/magic
4.DynCSS
建立者:Vittorio Zaccaria
釋出日期:2014年
最新版本:0.8.1
關注人氣: 在GitHub上有190+個星贊。
簡介說明:用動態CSS來打造你的網頁。
檔案大小::36.5 kB.
GitHub主頁:https://github.com/vzaccaria/DynCSS
5.CSShake
建立者:Lionel
釋出日期:2014年
最新版本:1.5.0
關注人氣: 在GitHub上有2000+個星贊。
簡介說明:用CSS實現各種顛顫動畫效果DOM!
檔案大小::78.8 kB.
GitHub主頁: https://github.com/elrumordelaluz/csshake
版權許可: MIT
6.Hover.css
建立者:Ian Lunn
釋出日期:2014年
最新版本:2.0.2
關注人氣: 在GitHub上有10700+個星贊。
簡介說明:將滑鼠Hover效果快速應用在你的網頁元素或創意設計上。
檔案大小::104.2 kB.
GitHub主頁:https://github.com/IanLunn/Hover
版權許可: MIT
7.Velocity.js
建立者:Julian Shapiro
釋出日期:2014年
最新版本:1.2.2
關注人氣: 在GitHub上有8700+個星贊。
簡介說明:幫你加速JavaScript動畫。
檔案大小::34.8 kB.
GitHub主頁:https://github.com/julianshapiro/velocity
版權許可: MIT
8.Favico.js
建立者:Miroslav Magda
釋出日期:2013年
最新版本:0.3.9
關注人氣: 在GitHub上有4900+個星贊。
簡介說明:讓你可以使用視訊、標誌或圖片來設計站點的Favicon。
檔案大小::8.9 kB.
GitHub主頁:https://github.com/ejci/favico.js
版權許可: MIT
9.AniJS
建立者:anijs
釋出日期:2014年
最新版本:0.9.3
關注人氣: 在GitHub上有2500+個星贊。
簡介說明:無須過多程式碼照樣提升網頁設計逼格的動畫庫。
檔案大小::10.5 kB.
GitHub主頁:https://github.com/anijs/anijs
版權許可: MIT
相關文章
- 前端必備框架/工具前端框架
- 前端必備 Nginx 配置前端Nginx
- 前端必備效率工具前端
- 前端切圖必備技能前端
- 前端必備-less 的使用前端
- 前端開發者必備思維前端
- 2019前端工程師必備前端開發資源必備前端工程師
- HTTP 火鍋【高階前端必備】HTTP前端
- 前端必備知識點—SVG前端SVG
- 前端開發必備網站前端網站
- 前端工程師必備:前端的模組化前端工程師
- 「MacOS」三維動畫製作必備工具分享Mac動畫
- 設計師10大必備HTML動畫工具HTML動畫
- 前端工程師必備資源前端工程師
- web前端工程師必備技能Web前端工程師
- web前端必備技術有哪些?Web前端
- 我的前端之路必備軟體合集前端
- 前端進階必備知識彙總前端
- Web前端必備-Nginx知識彙總Web前端Nginx
- 前端必備,JavaScript面試問題及答案前端JavaScript面試
- express搭建簡易後臺(前端必備)Express前端
- 前端開發必備!Emmet使用手冊前端
- 前端工程師必備技能彙總前端工程師
- Web前端工程的裝機必備軟體Web前端
- 前端面試必備——外邊距合併前端面試
- 在Mac下的前端開發必備工具Mac前端
- 建立前端資料模型,vue開發必備前端模型Vue
- MacOS : 大前端必備姿勢(工作環境)Mac前端
- Web前端職責是什麼?Web前端必備技能有哪些?Web前端
- 前端工程師面試必備(持續更新中)前端工程師面試
- 牆裂推薦:Web前端開發必備工具Web前端
- 2016年,前端學習必備技能前端
- 前端開發者必備的快取知識總結前端快取
- win10必備執行庫怎麼安裝_win10必備執行庫有哪些Win10
- AndroidBaseDialog(開發必備)動畫、載入進度、陰影Android動畫
- Python 開發者的 6 個必備庫Python
- 常用的PHP類庫—PHP開發者必備PHP
- 大前端動畫前端動畫