Comment fondu dans le fond de l'image en CSS3 Animation
Je fais un menu que chaque élément a un texte comme celui-item1, item2 et etc. en stationnaire, la couleur de fond modifications, le texte devient transparent et une image d'arrière-plan remplace. J'ai utilisé ce code pour la facilité et le style. mais elle ne fonctionne que pour la couleur de fond et pas l'image.
#nav li:hover {
color:transparent !important;
text-shadow: none;
background-color: rgba(255, 0, 0, .5);
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
transition: all 1s ease-in;
}
Ici est la version en ligne:
http://jsfiddle.net/q4uHz/
OriginalL'auteur Alex Jj | 2013-06-03
Vous devez vous connecter pour publier un commentaire.
Images d'arrière-plan ne peut pas être animé; il n'y aurait pas d'algorithme pour que. Une solution simple est d'inclure
<img>
avec l'icône dans votre code HTML à la place avecopacity: 0
et de les animer. Quelque chose comme.http://jsfiddle.net/ExplosionPIlls/q4uHz/1/
OriginalL'auteur Explosion Pills