Il est temps de décorer le sapin !

Première astuce :

les différents effets sur une photo avec « filter »

 


.saturate {
	filter: saturate(3);
        -webkit-filter: saturate(3);
}

.contrast {
	filter: contrast(160%);
       -webkit-filter: contrast(160%);
}

.brightness {
	filter: brightness(0.25);
       -webkit-filter: brightness(0.25);
}

.blur {
	filter: blur(3px);
       -webkit-filter: blur(3px);
}

.invert {
	filter: invert(100%);
       -webkit-filter: invert(100%);
}

.sepia {
	filter: sepia(100%);
       -webkit-filter: sepia(100%);
}

.hue-rotate {
	filter: hue-rotate(180deg);
       -webkit-filter: hue-rotate(180deg);
}

.opacity {
	filter: opacity(50%);
       -webkit-filter: opacity(50%);
}


	

 
Tu peux voir la photo originale en passant ta souris sur les magnifiques sapins Bien sûr !
 

saturatebeausapindecorealamaison
grayscalebeausapindecorealamaison
Contrastbeausapindecorealamaison
Brightnessbeausapindecorealamaison
blurbeausapindecorealamaison
invertbeausapindecorealamaison
sepiabeausapindecorealamaison
Hue-rotatebeausapindecorealamaison
Opacitybeausapindecorealamaison

 

Résumé de compatibilité de la CSS filter pour les navigateurs

Compatible sous une forme préfixée avec Chrome 18
Compatible à partir de Chrome 53
Plus ou moins compatible à partir de Firefox 3.5
Plus ou moins compatible à partir de Internet Explorer 11
Compatible sous une forme préfixée avec Opera 15
Compatible à partir de Opera 40
Compatible sous une forme préfixée à partir de Safari 6