程序員必備狂拽炫酷吊炸天的動效神器

• 2019 年 11 月 5 日
• 筆記

安利一波CSS、JS炫酷動效在線下載網站

# bttn.css

• 專註分享網頁按鈕的樣式庫

# Hover-Buttons

• 一個可以生成代碼的網站

# granim.js

• 基於canvas的背景顏色漸變動畫插件。該插件通過配置幾組不同的顏色方案，使指定元素在這些顏色中執行平滑的漸變色過渡效果。

# micron

• 可生成炫酷CSS3動畫的js動畫庫插件。通過micron.js插件，你可以為頁面的任意DOM元素添加12種炫酷CSS3動畫效果。並能通過js代碼或html5 data屬性來串聯各種CSS3動畫效果。

# blotter.js

• 神奇的動效

# progressbar

• 藉助動態 SVG 路徑的漂亮的，響應式的進度條效果
• 可以很容易地創建任意形狀的進度條。這個 JavaScript 庫提供線條，圓形和方形等幾個內置的形狀

# Second-Hamburger-Helper

• 別樣的舒適感

# hamburgers

• 一款效果超酷的圖標變形動畫特效CSS3動畫庫。包括18種不同的變形動畫效果，你還可以通過Sass文件來自定義你自己的圖標變形動畫

# jquery-drawsvg

• 一款輕量級的使用jQuery來繪製SVG圖形輪廓線路徑動畫的插件
• 使用jQuery內置的動畫引擎來使SVG元素中path元素產生動畫
• 底層實現使用的是stroke-dasharray和stroke-dashoffset屬性
• 適用於矢量元素，藉此創建出獨特的視覺效果
• 輕量級，壓縮後小於2kb同時支持Easing過渡動畫效果

# moving-letters

• 提供了16種基於文本和字體的動畫效果

# tilt.js

• 用來創建微妙但是引人矚目的視差效果

# 3D線條

• 基於 Three.js 的解決方案
• 可以創建不斷變化的顏色和線條，風格現代而視覺感十足

# Decorative Letter Animations

• 來自專業人事的動效工具