Бесплатный генератор кода CSS для фильтров в стиле Instagram

Как здорово было бы добавить фильтры изображений на свой сайт? Несколько лет назад для этого потребовался бы JavaScript, но в настоящее время вы можете создавать собственные фильтры изображений со старым добрым HTML и CSS.

И с веб-приложение cssFilters Вам даже не нужно писать какой-либо код CSS!

Этот бесплатный инструмент поможет вам создавать пользовательские фильтры изображений, используя фильтры CSS3. Ты можешь найти много гидов которые подробно описывают свойство фильтра CSS. Но с cssFilters вам не нужно беспокоиться о том, как все это работает, вы просто настраиваете свои настройки и копируете код.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Читайте также: 10 лучших генераторов кода CSS для веб-разработчиков

В верхней части экрана вы увидите длинную полосу, полную пользовательских фильтров Instagram. Эти фильтры включают в себя все популярные варианты, такие как Hudson, Toaster, Inkwell, Lofi и многие другие.

Вы просто выбираете тот фильтр, который вам нужен, а затем нажимаете вкладку «Код CSS» в правом верхнем углу. Оттуда вы получите код HTML и CSS. Просто скопируйте / вставьте на свой сайт, и все готово.

Но вы также можете настроить эти фильтры с помощью ползунков настроек. На вкладке «Генератор» вы можете изменить настройки, такие как насыщенность и контрастность, а также размытие, оттенки серого, сепия и даже стиль наложения, например, линейный или радиальный градиент.

Каждый раз, когда вы перемещаете ползунок, он автоматически обновляет код, поэтому вам не нужно ничего сохранять.

И вы даже можете поменять изображение по умолчанию, загрузив его со своего компьютера или выбрав один из Unsplash.

Это веб-приложение было сделано Индрашиш Гош и он запускает многие классы по умолчанию, найденные в Библиотека CSSgram,

Но пользовательские настройки выходят далеко за рамки базовых настроек, а бесплатная генерация кода делает этот инструмент удобным как для кодеров, так и для не кодеров. У нас уже есть много генераторов CSS3 для таких свойств, как фоновые градиенты и тени текста. И теперь у нас есть cssFilters как первый генератор фильтров изображений CSS3.

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>