Генератор CSS — Фильтр
Генератор CSS — Фильтр
сохранить | сброс
Граница
Ширина границы px
Стиль границы сплошная точкапунктирныйдвойнойскрытыйridgeinsetoutset
Цвет границы
Индивидуальная
Граница Радиус
Все Радиус пикселей
Верхний левый пикс.
Верхний правый пикс.
Нижний правый пикс.
Нижний левый пикс.
Тень блока
Тип тени OutsetInset
Положение XY
Затухание тени
Распространение тени
Цвет тени
Добавить еще [+]
Фон 9 0007
Цвет фона
Фоновое изображение
Повтор фона no-repeatrepeat-xrepeat -yrepeat
Положение фона
ключевое слово
% (проценты)
пикселей (пикселей)
по горизонтали — xleftcenterright
по вертикали — y topcenterbottom
по горизонтали — x%
по вертикали — y %
по горизонтали — xpx
по вертикали — y px
Тень текста
Цвет текста
Цвет тени
X Положение Y
Размытие теней
Добавить еще [ +]
Градиент
Ориентациялинейнаярадиальнаяэллиптическаяповторяющаяся линейнаяповторяющаяся радиальнаяповторяющаяся эллиптическая
Размердальняя сторонадальний угол
Позициявверху слевавверху в центревверху справавлево в центрев центре справа по центру внизу слевавнизу по центру внизу справаpx px% %
пикселей пикселей
% %
Степень
Начальный цвет
Конечный цвет
Добавить стопор [+]
Преобразование
матрица (a,b,c,d,x,y)
a b X
c d Y
0 0 1
Индивидуальное преобразование
Поворот
Перевод XY
Переход
Добавить свойство [+]
Анимация
Воспроизведение/Останов
Выбрать анимацию
Function lineareaseease-inease-in-outease-outcubic-bezier
скорость, продолжительность (сек)
задержка запуска
количество итераций1 раз2 разабесконечно
Фильтр изображения
Оттенки серого
Sa
Непрозрачность
Яркость
Контрастность
Оттенок-поворот
Инверсия
Генератор CSS — фильтр
Свойства фильтра CSS представляют собой набор нескольких стилей для настройки рендеринга изображения.
Фильтры позволяют создавать эффекты изображения, такие как инструмент фоторедактора.
Оттенки серого() — преобразование изображения в оттенках серого
Размытие() — используется для уменьшения шума изображения и уменьшения детализации пикселей
Сепия() — преобразование красновато-коричневого цвета делает изображение более старым () — установить интенсивность цвета на изображении
Непрозрачность() — сделать изображение прозрачным установить видимость
Яркость() — сделать изображение более светлым изображение различимо
Hue-rotate() — Оттенок в кодировках HSB/HSL RGB между 0 — 360
Invert() — установить инвертирование цветов пикселей и сделать их отрицательными.
Через запятую можно использовать несколько функций
Генератор фильтров CSS — CodeeHut
Фильтры CSS используются для применения визуальных эффектов к тексту, изображениям и другим элементам страницы.
Свойство фильтра CSS позволяет нам изменить визуализацию элемента перед его отображением, применяя такие эффекты, как цвет или размытие.
Ниже приведен синтаксис свойства фильтра CSS.
blur()
Применяет эффект размытия к элементу. Если значение размытия не указано, применяется значение по умолчанию 0. Свойство blur() не принимает процентные значения для своего параметра. Большее значение приводит к большему размытию.
яркость()
Используется для установки яркости элемента, как следует из его названия. Если яркость равна 0 %, результирующее изображение будет полностью черным, а 100 % соответствует исходному изображению. Он также может принимать значения больше 100 процентов, которые дают более яркие результаты.
invert()
Используется для инвертирования выборочных значений ввода элемента. Его значение 100 % указывает на полную инверсию, а значения 0 % оставляют вход неизменным.
Отрицательные числа не допускаются.
saturate()
Определяет уровень насыщения элемента. Элемент с насыщенностью 0% полностью ненасыщен, а элемент с насыщенностью 100% является исходным. Допускаются значения, превышающие 100%, что приводит к перенасыщенным результатам. Это свойство не поддерживает отрицательные значения.
контраст()
Регулирует контраст ввода. Его значение 0% создает полностью черный элемент, а значение 100% оставляет ввод без изменений, т. е. представляет собой исходный элемент. Допустимы значения больше 100%, что приводит к меньшей контрастности.
hue-rotate()
Применяет hue-rotate к вводу элемента. Его значение периметра определяет количество градусов вокруг цветового круга; элемент будет соответствующим образом изменен. Его значение по умолчанию равно 0, что соответствует исходному состоянию изображения.