Programando PHP: 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>

Programando PHP

ccc

CSS: Filters

No hay comentarios:

Publicar un comentario