1.particles-bg

地址：https://github.com/lindelof/particles-bg

效果：

2.particles-bg-vue

地址：https://github.com/lindelof/awesome-web-effect

這是一個基于VUE的粒子動畫組件。

3.jquery.ripples

地址：https://github.com/sirxemic/jquery.ripples

jQuery Ripples 插件向html添加一層水元素將波紋光標與WebGL的互動。您可以使用這種效果,讓你的靜態css背景圖像更多的互動。

4.MorphingBackgroundShapes

地址：https://github.com/codrops/MorphingBackgroundShapes

這是一個很具裝飾性的網站背景效果，當用戶在滾動到某一頁面后此背景的SVG圖形將隨著變形和移動。

5. SegmentEffect

地址：https://github.com/codrops/SegmentEffect

背景分割裝飾特效。

6.jQuery.BgSwitcher

地址：https://github.com/rewish/jquery-bgswitcher

jQuery.BgSwitcher實現背景圖像切換效果。

7.BackgroundScaleHoverEffect

地址：https://github.com/codrops/BackgroundScaleHoverEffect

使用 CSSclip paths 重現背景縮放懸停特效。

8.ImageGridMotionEffect

地址：https://github.com/codrops/ImageGridMotionEffect

為背景網格的圖像提供運動懸停特效。

9.jquery.adaptive-backgrounds.js

地址：https://github.com/briangonzalez/jquery.adaptive-backgrounds.js

adaptive-background.js是一款jQuery插件，可以根據div，img標簽里圖片的邊框顏色來動態調整父標簽的背景顏色，有點類似iTunes的專輯詳情的效果.

10.fixed-background-effect

地址：https://codyhouse.co/demo/fixed-background-effect/index.html#0

整屏滾動背景懸浮效果。

11.jquery-warpdrive-plugin

地址：https://github.com/NiklasKnaack/jquery-warpdrive-plugin

query-warpdrive-plugin是一款可以制作基于HTML5 canvas的炫酷星空背景特效的jquery插件。這個星空背景特效可通過配置參數進行靈活的配置，可用鼠標進行互動。

12.RainEffect

使用WebGL在不同場景下的一些實驗性降雨和水滴效應。

人才們的 【三連】 就是小智不斷分享的最大動力，如果本篇博客有任何錯誤和建議，歡迎人才們留言，最后，謝謝大家的觀看。

作者：lindelof 譯者：前端小智 來源:github

原文：https://github.com/lindelof/awesome-web-effect