Як додати фільтри до фотографій на css.

Відео: ґлітч ефект в фотошопі (glitch effect)

Всім привіт! У цій статті ми розглянемо CSSCO - стилі, які дозволять вам додавати різні фільтри до ваших фотографій.

Отже, CSSCO - це файл стилів, який дозволяє буквально в одну строчку додати потрібний вам фільтр, як то кажуть "на льоту".

Де це може стати в нагоді?

Насправді, питання неважкий, адже ідей для застосування безліч. Наприклад, напевно багато хто з вас знають поширений сервіс Instagram і там є така функція, коли ви можете до вже завантаженої фотографії застосувати різні фільтри і таким чином підкоригувати її, поліпшити. Тепер же ви самі зможете реалізувати схожий функціонал на вашому сайті.

Відео: Верстка адаптивної CSS галереї

Як встановити?

Щоб встановити дані стилі, нічого складного робити не потрібно. Зайдіть на офіційний сайт, скачайте cssco.css файл. Тепер підключіть його на початку сторінки наступним чином:

href="Path / to / cssco.css"rel="Stylesheet"gt;

замість path / to / вкажіть потрібний шлях до файлу.

Відео: Як зробити 3D фото в Фотошопі CS5-CS6

Тепер, щоб додати фільтр, використовуйте наступну структуру:

class="Cssco cssco - c1"gt; 
src="Image.jpg"/ Gt;

У класі у div блоку вкажіть потрібний вам фільтр. Для цього треба зайти на офіційний сайт, подивіться приклади і виберіть потрібний фільтр, а далі скопіюйте клас, який вказаний під зображенням.