Статьи

5+ плагинов Pixelate и Image Blur для jQuery

В этом посте мы делимся с вами 5+ плагинами Pixelate и Image Blur jQuery . Они в основном легкие и простые в использовании с изображениями, чтобы получить эффект «размытых линий». Проверьте их!

1. pixelate.js

Это простая библиотека и плагин jQuery для пикселирования любого набора изображений и, при желании, раскрытия их при наведении.

Пикселизация-JS1.jpg
Исходный Демо

2. Vague.js

Экспериментальный скрипт, который позволяет размыть любой вид HTML-элемента благодаря SVG-фильтрам.

Vague-JS.jpg
Исходный Демо

3. Туманный

Плагин jQuery для размытия элементов страницы. Он поддерживает IE (8 и выше), Firefox, Safari и Chrome.

Foggy.jpg
Источник + Демо

4. blur.js

Плагин jQuery, который создает псевдо-прозрачные размытые элементы над другими элементами

Размытие-JS.jpg
Исходный Демо

5. Ховеризр

Очень маленький (уменьшенный на 2,5 КБ) адаптивный плагин jQuery, который выводит управляемые изображения поверх (или ниже) целевых изображений.

Hoverizr.jpg
Источник + Демо

6. StackBlur

Быстрое, почти гауссово размытие для Canvas Марио Клингемана, Квазимондо

StackBlur.jpg
Источник + Демо