Властивість фільтра CSS застосовує до елемента такі графічні ефекти, як розмиття або зміна кольору. Фільтри зазвичай використовуються для налаштування візуалізації зображень, фону та меж. Кілька функцій, як-от blur() і контраст() , доступні для досягнення попередньо визначених ефектів.5 червня 2024 р.
Властивість фільтра визначає візуальні ефекти (наприклад, розмиття та насиченість) для елемента (часто <img>).
CSS фільтри забезпечують спосіб застосування візуальних ефектів до елементів веб-сторінки. Ці ефекти можуть варіюватися від простих налаштувань, як-от зміна яскравості чи контрасту зображення, до більш складних трансформацій, як-от розмиття або додавання тону сепії.
Цей фрагмент коду застосовує ефект градацій сірого `100%` до зображення, роблячи його повністю чорно-білим. У цьому прикладі фільтр сепії зі значенням «100%» застосовано до зображення, надаючи йому старовинного, ностальгічного вигляду.
Іноді використовуються фільтри щоб видалити або вставити заголовки чи керуючі символи в дані. Фільтри зазвичай використовуються в веб-додатках, щоб звузити список вибору користувача до більш керованого та зручного числа.
Визначення. Фільтр HTML приймає HTML-документ як вхідні дані та відображає його в браузері з макетом і форматом, визначеним у таблиці стилів CSS, указаній для цього фільтра. Фільтр також може вставляти в документ базовий тег і застосовувати обробник URL-адрес до гіперпосилань у документі.