Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer la page Suivre ce blog Administration + Créer mon blog
MENU
https://pourquoipas732.eklablog.com
montages par codes HTML/CSS
Menu
Mont fred

Mont fred

Je reprends au départ mon code: la photo n'est pas très colorée et le passage en couleur est discret.

<img id="fd" src="https://ekladata.com/YtdUh69J7MfyBOa1QiernGU0Wsg@552x828.jpg">
<style><!--
#fd{margin:30px auto;border:6px solid white; box-shadow:6px 6px 8px black; filter:grayscale(1); transition:all 1s;}
#fd:hover{filter:grayscale(0);}
--></style>

On peut renforcer l'effet négatif en ajoutant le filtre invert

<img id="fd" src="https://ekladata.com/YtdUh69J7MfyBOa1QiernGU0Wsg@552x828.jpg">
<style><!--
#fd{margin:30px auto;border:6px solid white; box-shadow:6px 6px 8px black; filter:grayscale(1) invert(1); transition:all 1s;}
#fd:hover{filter:grayscale(0) invert(0);}
--></style>