Веб-Острова Анатолия Куликова

Фильтры Instagram для вашего сайта

Фильтры Instagram для вашего сайта

Дизайнер, разработчик и просто хороший человек Yan Zhu выложил на GitHub проект instagram.css, в которой воссозданы фильтры для фотографий из популярной соцсети Instagram.

Поскольку это обычная CSS, то эффекты применяются к тем элементам, для которых указан необходимый класс.

Instagram.css использует autoprefixer, чтобы сделать большинство стилей совместимыми с более ранними браузерами. Для лучшей совместимости рекомендуется использовать эти браузеры:

  • Chrome (18+)
  • Microsoft Edge (13+)
  • Firefox (35+)
  • Safari (6+)
  • Опера (15+)

Для работы автор советует скачать сжатый файл CSS и подключить его, после чего проставить нужные стили. Автор предлагает такую структуру для применения фильтров:

Все примеры работы библиотеки с фильтрами можно посмотреть здесь. А некоторые — прямо тут, у меня.

Instagram.css

Анатолий Куликов

Анатолий Куликов

Автор блога, дизайнер, веб-разработчик
Комментарии от HyperComments

Новые статьи

AI композитор Amper Music

AI композитор Amper Music

Проблем с музыкой для своих проектов больше не будет
Качаем шрифты с Google Fonts

Качаем шрифты с Google Fonts

Скачать шрифты Google Fonts бесплатно, без смс, для своего сайта
Векторный редактор онлайн

Векторный редактор онлайн

Vectr — свободный векторный редактор онлайн и офлайн
Домены бывают разные

Домены бывают разные

Про домены сайтов доступно и популярно
Glyphhanger — инструмент для оптимизации шрифтов [Перевод]

Glyphhanger — инструмент для оптимизации шрифтов [Перевод]

Перевод статьи Зака Лезермана об инструменте работы со шрифтом
Таймер обратного отсчета

Таймер обратного отсчета

Простая реализация безлишних прибамбасов

Статьи по теме

AI композитор Amper Music

AI композитор Amper Music

Проблем с музыкой для своих проектов больше не будет
Качаем шрифты с Google Fonts

Качаем шрифты с Google Fonts

Скачать шрифты Google Fonts бесплатно, без смс, для своего сайта
Красивый адрес для YouTube-канала

Красивый адрес для YouTube-канала

Создаём красивый адрес для канала и разбираемся, если ничего не получается
Модальное окно на чистом CSS

Модальное окно на чистом CSS

Создаем модальное окно на чистом CSS без использования javascript
Обзор Icons8 — гибкая библиотека иконок

Обзор Icons8 — гибкая библиотека иконок

Достаточно своеобразная библиотека иконок (бесплатных и не очень) с широким функционалом
Определяем устройство с помощью PHP

Определяем устройство с помощью PHP

Библиотека для определения устройства пользователя