Генератор CSS фільтрів
Створюйте CSS-ефекти фільтрів візуально з розмиттям, яскравістю, контрастом та іншим. Попередній перегляд з пресетами.
Попередній перегляд
Порівняння до / після
Пресети
CSS вихід
Фільтри
0px
100%
100%
0%
0deg
0%
100%
100%
0%
Ctrl+Enter виконатиCtrl+Shift+C скопіювати
Дізнатися більше
CSS-фільтри: візуальні ефекти для зображень та елементів
Створюйте ефекти розмиття, яскравості, контрасту та фотофільтри у стилі Instagram з властивістю CSS filter.
Властивість CSS filter пояснена
Властивість CSS filter застосовує графічні ефекти — розмиття, яскравість, контраст і зміну кольорів — до будь-якого HTML-елемента. Вона працює з зображеннями, фонами, текстом і навіть цілими секціями сторінки. Фільтри обробляються GPU браузера, що робить їх ефективними для візуальних ефектів у реальному часі.
5 хв читанняЧитати повний посібник