Generator filtrów CSS
Wizualne narzędzie do generowania i podglądu właściwości filtrów CSS.
Ustawienia filtra
Dostosuj każdą właściwość filtra
Predefiniowane
Wypróbuj predefiniowane style filtrów
Podgląd
Zobacz wygenerowane efekty filtrów na domyślnym obrazie
Oryginał
Filtrowany
Filter Preview
Wygenerowany CSS
filter: none;Wyjaśnienie funkcji filtrów CSS
Efekty wizualne
- • blur(px): Efekt rozmycia
- • brightness(%): Regulacja jasności
- • contrast(%): Regulacja kontrastu
- • opacity(%): Regulacja przezroczystości
Efekty kolorystyczne
- • grayscale(%): Efekt skali szarości
- • hue-rotate(deg): Obrót odcienia
- • invert(%): Odwrócenie kolorów
- • saturate(%): Regulacja nasycenia
- • sepia(%): Efekt sepii
Wskazówki dotyczące użytkowania
- • Łącz wiele filtrów oddzielonych spacjami
- • Zastosuj do dowolnego elementu HTML, nie tylko do obrazów
- • Używaj z animacjami CSS do dynamicznych efektów
- • Użyj backdrop-filter, aby zastosować tylko do tła