Веб-Острова Анатолия Куликова
Фильтры 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

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

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

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

Новые статьи

Разбираемся с Яндекс.Коннектом

Разбираемся с Яндекс.Коннектом

Разбираемся с новым сервисом от Яндекса
Делаем паттерн из иконок

Делаем паттерн из иконок

Ещё один простой, но полезный онлайн-генератор
Следим за клавиатурой с помощью JS

Следим за клавиатурой с помощью JS

Отслеживаем нажатие клавиш на клавиатуре и совершаем действия
Надежность пароля в картинках

Надежность пароля в картинках

Скажи пользователю, что ты думаешь о его пароле
Скроллинг по странице

Скроллинг по странице

Делаем плавный скроллинг по странице с помощью JQuery и HTML5
AI композитор Amper Music

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

Проблем с музыкой для своих проектов больше не будет

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

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

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

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

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

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

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

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

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

Создаем модальное окно на чистом CSS без использования javascript
Надежность пароля в картинках

Надежность пароля в картинках

Скажи пользователю, что ты думаешь о его пароле
Обзор Icons8 — гибкая библиотека иконок

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

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