👇 Tips CSS (simple) : Créer un filtre sur un background-image sans modifier les fichiers sur Photoshop
Intégrez votre image en couleurs
background-image:url(« fichier.jpg »);
Indiquez ces règles supplémentaires en CSS
background-color:black; background-blend-mode:color;
Le background-color prend le dessus avec le filtre
Baissez simplement l’opacité de la couleur pour que ce soit transparent
Et voilà, le filtre est prêt
Bonus : Utilise les variables CSS pour ne garder qu’une seule couleur par type de contenu.
Exemple :
–rouge : #db0909; background-image:url(« fichier.jpg »); background-color:–rouge; background-blend-mode:color;
