instaFilters.Полный набор фильтров Instagram на чистом CSS



Cниппет instaFilters:


MODX
[[instaFilters? $src=`/assets/image/img.jpg`]]

Fenom
{'instaFilters' | snippet: [
    'src' => '/assets/image/img.jpg'
]}

Modifier
{'/assets/image/img.jpg' | instaFilters : 'filter=1997&alt=filter-1977'}

Параметры сниппета:



Имя Описание По умолчанию
tplOuter Шаблон обвертки изображения @INLINE <figure class=«filter-[[+filter]]»>[[+wrapper]]</figure>
tpl Шаблон изображения @INLINE <img src="[[+src]]" alt="[[+alt]]" [[+classes]]>
src Путь к картинке ­
alt alt картинки ­
classes Классы для картинки ­
filter Фильтр картинки. Normal
toPlaceholder Вывод результата в плейсхолдер ­


Поддержка браузера:


  • Chrome (18+)
  • Microsoft Edge (13+)
  • Firefox (35+)
  • Safari (6+)
  • Opera (15+)

Полезные ссылки:


Демо сайт
Modstore
Aleksandr Huz
Aleksandr Huz
18 апреля 2019, 10:45
modx.pro
1
1 446
+6
Поблагодарить автора Отправить деньги

Комментарии: 2

Михаил
Михаил
18 апреля 2019, 18:28
+1
Отличный компонент. Только вот я нигде не видел, что бы что то подобное просили. Идея пришла от заказчика?
    Aleksandr Huz
    Aleksandr Huz
    19 апреля 2019, 11:45
    0
    Спасибо. Наткнулся на instagram.css и решил сделать компонент.
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2