Доброго времени суток. В данной статье мы рассмотрим шесть инструментов CSS для работы с изображениями. Как вы знаете изображения являются очень важной частью любого сайта, будь то простой блог или сложный интернет-магазин.  От количества изображений и от их качества напрямую зависит скорость загрузки веб-сайта. Поэтому, если можем обрабатывать изображения с помощью CSS, то лучше этим воспользоваться.

Первая библиотека.

CSSGram

Данная библиотека позволяет нам применять к изображениям популярные фильтры из Instagram на чистом CSS.

Ссылка на репазиторий

HUE.css

Пакет, который содержит огромное количество градиентов на CSS.

Официальный сайт

iHover

iHover — впечатляющая библиотека эффектов наведения, основанная на чистом CSS3.

Ссылка на библиотеку.

CSSCO

CSSCO — это библиотека со множеством красивых фильтров для ваших изображений.

Ссылка на библиотеку.

Clippy

Clippy — это бесплатный онлайн-инструмент, который позволяет визуально обрезать изображения и получать код CSS. Доступны более 25 форм.

Ссылка на инструмент.

Colofilter.css

Colofilter — небольшая библиотека CSS, которая позволяет создавать красивые изображения в виде дуотонов.

Ссылка на библиотеку.

Заключение.

Мы с вами рассмотрели шесть инструментов CSS для работы с изображениями. И помните, что если есть возможность обработать изображение с помощью CSS, то делайте так.