filter: brightness(105%) contrast(110%) saturate(130%) sepia(45%);Генератор фильтров CSS — это визуальный редактор для свойства фильтра CSS. Вы перемещаете ползунок для каждой функции фильтра — размытие, яркость, контрастность, насыщать, оттенки серого, сепию, инверт, оттенок и непрозрачность — и смотреть, как эффект применяется к предпросмотру в режиме реального времени, затем скопируйте точные CSS, которые он производит.
Свойство фильтра применяет графические эффекты, такие как размытие, смещение цвета и настройка контраста непосредственно в браузере, без редактора изображений. Несколько функций могут быть цепи в одном объявлении и применяются по порядку, как строятся фотостиль, как винтаж, теплый и драматический. Этот инструмент управляет этой цепочкой для вас и выводит только те функции, которые вы фактически изменили, сохраняя CSS в чистоте.
Все происходит в вашем браузере. Начните с пресета, например, в Vintage или Grayscale, точно настройте каждую функцию и скопируйте объявление. Ни аккаунта, ни загрузок, и он продолжает работать в автономном режиме после загрузки страницы.
Выберите предустановку, например, винтаж, теплый, прохладный, драматический или серый в оттенках серого цвета, или начните с значения по умолчанию (фильтры не применяются).
Перетащите размытие, яркость, контрастность, насыщать, оттенки серого, сепию, инверт, оттенок и поворотные ползунки. Предварительный просмотр обновляется мгновенно, чтобы вы могли набрать точный вид.
Накладываем несколько функций вместе — например, Sepia Plus Contrast Plus, чтобы насытить теплый пленочный образ. Инструмент автоматически цепляет их в правильном порядке.
Скопируйте сгенерированное объявление фильтра, которое включает только измененные функции, и вставьте их в любой элемент или изображение в таблице стилей.
Размытие, яркость, контраст, насыщать, оттенки серого, сепия, инверт, оттенок и непрозрачность — каждая общая функция фильтра CSS с выделенным ползунком
В объявление записываются только те функции, которые вы меняете, поэтому вы никогда не отправляете избыточные значения удостоверения, такие как яркость (100%)
Предварительный просмотр обновляется мгновенно при перетаскивании, поэтому вы можете увидеть комбинированный эффект каждого фильтра перед копированием одной строки CSS
Кураторы для винтажных, теплых, прохладных, драматических, выцветших, оттенков серого, инвертирования и размытия дают вам проверенную отправную точку вместо чистого холста
Create beautiful CSS gradients with live preview
Design layered CSS box-shadows with a live preview and sliders for offset, blur, spread, color, opacity, and inset — then copy production-ready CSS.
Pick colors and convert between HEX, RGB, and HSL formats
0 comments
No comments yet. Be the first to share your thoughts!