К постам Опубликовано: 2016-11-13

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

Как здорово было бы добавить фильтры изображения на вашем сайте? Лет назад это бы требуется JavaScript, но теперь вы можете создавать пользовательские фильтры изображения со старым добрым HTML и CSS. И с cssFilters приложение вам даже не придется писать код в CSS! 10 лучших генераторов кода CSS для веб-разработчиков

10 лучших генераторов кода CSS для веб-разработчиков Веб-разработчики всегда ищет кратчайшие пути, чтобы сэкономить время в их жизни. Много замечательных инструментов для разработчиков легкостью...подробнее Этот бесплатный инструмент позволяет создавать пользовательские фильтры изображения с использованием фильтров с помощью CSS3. Вы можете найти множество гидов, которые охватывают собственность фильтр CSS подробно.

Но с cssFilters вам не нужно беспокоиться о том, как это все работает, вы просто настроить параметры и Скопировать код. Закрепить В верхней части экрана вы увидите длинный бар полный пользовательских фильтров Instagram. Эти фильтры включают в себя все популярные варианты, такие как Гудзон, Тостер, чернильницу, и и многие другие.

Вы просто выберите фильтр, который вы хотите, а затем перейдите на вкладку “CSS-код” в правом верхнем углу. Оттуда вы получите оба кода HTML и CSS. Просто копировать/вставить на ваш сайт, и вы хорошо идти. Но вы также можете настроить эти фильтры с ползунками настроек. На вкладке “генератор” вы можете изменять такие параметры, как насыщенность и контрастность наряду с размытие, черно-белый, сепия и даже стиль наложения, как линейный градиент или радиальный градиент. Каждый раз, когда вы перемещаете ползунок, он автоматически обновляет код, так что Вы не должны сохранить что-нибудь.

И вы даже можете поменять изображения по умолчанию, загрузив один с вашего компьютера или выбрав один с unsplash. Закрепить Это приложение было сделано Indrashish Гоша и он работает многие из классов по умолчанию в библиотеке CSSgram. Но пользовательские параметры выходят далеко за рамки основных пресетов, а свободной генерации кода делает этот удобный инструмент для программистов, а не кодеров, так. Нас уже много в CSS3-генераторов для свойств как фон градиент и тень. И теперь у нас есть cssFilters как премьеры-генератор фильтр изображения с помощью CSS3. Больше