Фильтры из Instagram сымитировали с помощью CSS

Фронтэнд-разработчик из IBM Уна Кравец (Una Kravets) воспроизвела некоторые фильтры из Instagram, используя только CSS.

Сайт CSSGram имитирует фильтры с  помощью средств для обработки изображения в CSS и их наложения. Кравец сделала копии не всех фильтров из Instagram: на сайте есть 14 примеров, включая некоторые новые фильтры, но нет, например, Valencia, Sierra, Brannan и Kelvin. Если навести курсор на картинку с фильтром, то CSSGram покажет оригинал (на смартфонах для этого нужно нажать на картинку).

Посетитель может обработать с помощью 14 фильтров свою картинку. Для этого нужно указать ссылку на неё в поле вверху страницы. Но загрузить обработанную картинку на компьютер не получится. Чтобы просматривать результат, нужно зайти с любого популярного браузера последних версий, кроме Internet Explorer или Edge.

Исходный код библиотеки доступен на GitHub.