Hover
Utilité
Afficher du texte au survol
Infos utiles
voir des exemples sur https://imagehover.io/
Exemple de code
/* section effet texte au survol */ .text-hidden { background-color:transparent; webkit-transition: all ease-out 0.3s; -moz-transition: all .3s ease-in-out; transition: background-image 2s ease; border: 1em solid var(--secondary-color-1); box-shadow: inset 0 0 0 0 var(--secondary-color-1)!important; } .text-hidden:hover{ background-image: unset !important; background-color:var(--secondary-color-1); box-shadow: inset 0 0 0 100px var(--secondary-color-1)!important;} .text-hidden .container { display:flex; flex-direction:column; justify-content:center; min-height:630px; transition: all .7s ease; } .text-hidden .text-hover{opacity:0;height:0;} .text-hidden:hover .text-hover{opacity:1;height:100%;transition: all .7s ease;}
Langage
CSS