ccc

CSS: Filters

<!DOCTYPE html>
<html>
<head>
<style>
.gris { -webkit-filter: grayscale(100%); }
.rotarColors { -webkit-filter: hue-rotate(150deg); }
.sepia { -webkit-filter: sepia(100%); }
.contraste { -webkit-filter: contrast(300%); }
.desenfocar { -webkit-filter: blur(4px); }
.varios { -webkit-filter: grayscale(100%) brightness(-25%) contrast(250%); }
</style>
</head>

<body>
<p><img class="gris" src="imgAux.jpg"></p>
<p><img class="rotarColors" src="imgAux.jpg"></p>
<p><img class="sepia" src="imgAux.jpg"></p>
<p><img class="contraste" src="imgAux.jpg"></p>
<p><img class="desenfocar" src="imgAux.jpg"></p>
<p><img class="varios" src="imgAux.jpg"></p>
</body>
</html>

No hay comentarios:

Publicar un comentario