這篇文章展示了5個jQuery插件,用於創建像素化和模糊的圖像效果。 這些輕巧的插件易於集成,並提供各種“模糊線條”美學。讓我們探索它們!
- pixeLate.js:
用於像素圖像的簡單庫和jQuery插件,可選地在Hover上示出了原始圖像。
source demo
>
-
> chague.js:一個實驗腳本,利用SVG過濾器來模糊任何HTML元素。
source demo >
- >霧:>用於模糊頁面元素的jQuery插件,與IE8,Firefox,Safari和Chrome兼容。
source
demo >
blur.js:- 這個jQuery插件覆蓋具有偽透明效果的元素。 >
source
demo >
hoverizr:- >緊湊型(2.5kb縮小)響應式jQuery插件,該插件在目標圖像上方或下方操縱圖像。
source
demo >
stackblur:
>由馬里奧·克林曼(Quasimondo)開發的快速,近乎高斯的模糊。
source
demo
>
>常見問題
>本節已被刪除以減少冗餘並保持簡潔性,因為所提供的常見問題解答非常廣泛,並且涵蓋了與許多教程和文檔頁面相同的基礎。 搜索“ jQuery Image Blur”或“ jQuery Image pixeLate”將產生解決這些問題的全面資源。
以上是5像素化和圖像模糊jQuery插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!