Filtre couleur

La page précédent parlait des filtres CSS qui, à ma connaissance, ne permettent pas un filtre coloré (?)

Une façon de faire est de superposer un cadre de couleur semi-transparente au dessus de l'image.

<div style="width:60vw; height:33.75vw; margin:1vh auto; border:0.6vh ridge pink; background:url('http://ekladata.com/AKQZ9l-DoXzjConpL9YhPwFGZW8.jpg'); background-size:cover;">
<p style="width:60vw; height:33.75vw; background-color: rgba(0, 0, 255, 0.3);">&nbsp;</p>
</div>

L'opacité de la couleur du filtre est réglée par le 0.3 du code couleur; voir possibilité des codes rgba, par exemple: ICI

Si vous souhaitez utiliser des couleurs hexadécimales, vous devrez ajouter un attribut opacité: exemple:

<p style="width:60vw; height:33.75vw; background-color: #0489B1; opacity:0.3;">&nbsp;</p>