Générateur de filtres CSS
Un outil visuel pour générer et prévisualiser les propriétés de filtre CSS.
Paramètres de filtre
Ajustez chaque propriété de filtre
Préréglages
Essayez les styles de filtre prédéfinis
Aperçu
Voir les effets de filtre générés sur l'image par défaut
Original
Filtré
Filter Preview
CSS généré
filter: none;Fonctions de filtre CSS expliquées
Effets visuels
- • blur(px): Effet de flou
- • brightness(%): Ajustement de la luminosité
- • contrast(%): Ajustement du contraste
- • opacity(%): Ajustement de l'opacité
Effets de couleur
- • grayscale(%): Effet de niveaux de gris
- • hue-rotate(deg): Rotation de teinte
- • invert(%): Inversion de couleur
- • saturate(%): Ajustement de la saturation
- • sepia(%): Effet sépia
Conseils d'utilisation
- • Combinez plusieurs filtres séparés par des espaces
- • Appliquez à n'importe quel élément HTML, pas seulement aux images
- • Utilisez avec des animations CSS pour des effets dynamiques
- • Utilisez backdrop-filter pour appliquer uniquement aux arrière-plans