Към съдържанието

CSS Генератор на филтри

Генерирайте CSS филтърни ефекти визуално. Настройте размазване, яркост, контраст, сиви тонове, въртене на нюанс, инверсия, непрозрачност, наситеност и сепия. Безплатно.

Или плъзнете изображение върху прегледа

0px
100%
100%
0%
0deg
0%
100%
100%
0%
 

Какво е CSS filter свойството?

CSS свойството filter прилага графични ефекти към елемент.

Всички CSS филтърни функции

blur(px): Прилага Гаусово размазване.
brightness(%): Настройва яркостта.
contrast(%): Настройва контраста.
grayscale(%): Преобразува в сиви тонове.
hue-rotate(deg): Завърта цветовете.
invert(%): Инвертира цветовете.
opacity(%): Настройва прозрачността.
saturate(%): Настройва наситеността.
sepia(%): Прилага сепия тон.

Съображения за производителност

CSS филтрите са GPU-ускорени в модерните браузъри.

Често срещани случаи на употреба

Ефекти при задържане върху изображения — сиви тонове в покой, цвят при задържане.

Поверителност

Цялото генериране на филтри работи 100% във вашия браузър.