instaFilters

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

Cниппет instaFilters

[[instaFilters? 
    $src=`/assets/image/img.jpg`
]]
{'instaFilters' | snippet: [
    'src' => '/assets/image/img.jpg'
]}
{'/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 Вывод результата в плейсхолдер

Доступные фильтры:

Normal

filter-1977

1977

filter: 1977
filter-aden

Aden

filter: aden
filter-amaro

Amaro

filter: amaro
filter-ashby

Ashby

filter: ashby
filter-brannan

Brannan

filter: brannan
filter-brooklyn

Brooklyn

filter: brooklyn
filter-charmes

Charmes

filter: charmes
filter-clarendon

Clarendon

filter: clarendon
filter-crema

Crema

filter: crema
filter-dogpatch

Dogpatch

filter: dogpatch
filter-earlybird

Earlybird

filter: earlybird
filter-gingham

Gingham

filter: gingham
filter-ginza

Ginza

filter: ginza
filter-hefe

Hefe

filter: hefe
filter-helena

Helena

filter: helena
filter-hudson

Hudson

filter: hudson
filter-inkwell

Inkwell

filter: inkwell
filter-kelvin

Kelvin

filter: kelvin
filter-juno

Juno

filter: juno
filter-lark

Lark

filter: lark
filter-lofi

Lo-Fi

filter: lofi
filter-ludwig

Ludwig

filter: ludwig
filter-maven

Maven

filter: maven
filter-mayfair

Mayfair

filter: mayfair
filter-moon

Moon

filter: moon
filter-nashville

Nashville

filter: nashville
filter-perpetua

Perpetua

filter: perpetua
filter-poprocket

Poprocket

filter: poprocket
filter-reyes

Reyes

filter: reyes
filter-rise

Rise

filter: rise
filter-sierra

Sierra

filter: sierra
filter-skyline

Skyline

filter: skyline
filter-slumber

Slumber

filter: slumber
filter-stinson

Stinson

filter: stinson
filter-sutro

Sutro

filter: sutro
filter-toaster

Toaster

filter: toaster
filter-valencia

Valencia

filter: valencia
filter-vesper

Vesper

filter: vesper
filter-walden

Walden

filter: walden
filter-willow

Willow

filter: willow
filter-xpro-ii

X-Pro II

filter: xpro-ii

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

18+
13+
35+
6+
15+