Animation css fonctionne pas
ickyknox
Messages postés
1344
Statut
Membre
-
ickyknox Messages postés 1344 Statut Membre -
ickyknox Messages postés 1344 Statut Membre -
bonjour
sur mon site :
http://icreatorbeta.free.fr/
sur le bouton accueil, lorsque je passe la souris dessus, le bouton devient subitement gris.
J'aimerais qu'il devienne PROGRESSIVEMENT gris.
Le problème c'est que mon code ne fonctionne pas.
Auriez vous une idée svp ?
je vous met le code dans les posts suivants, car j'ai recommancé 3 fois ce post, et je suppose que c'est à cause de la place.
Je vous remercie
sur mon site :
http://icreatorbeta.free.fr/
sur le bouton accueil, lorsque je passe la souris dessus, le bouton devient subitement gris.
J'aimerais qu'il devienne PROGRESSIVEMENT gris.
Le problème c'est que mon code ne fonctionne pas.
Auriez vous une idée svp ?
je vous met le code dans les posts suivants, car j'ai recommancé 3 fois ce post, et je suppose que c'est à cause de la place.
Je vous remercie
A voir également:
- Animation css fonctionne pas
- Dp animation maker - Télécharger - Animation
- Css download - Télécharger - HTML
- Logiciel d animation 2d gratuit - Télécharger - Divers Web & Internet
- Enlever soulignement lien css - <a href="https://forums.commentcamarche.net/forum/astuces-et-solutions-378">Astuces et Solutions</a>
- CSS/Comment enlever couleur liens ? ✓ - <a href="https://forums.commentcamarche.net/forum/css-156">Forum CSS</a>
1 réponse
#heada {
width: 100%;
float:left;
}
#header-menu {
margin: 0;
padding: 1ex;
}
.header-menu-choix {
display: inline-block;
margin-top: 10px;
}
.header-menu-choix a {
display: block;
color: black;
font-size: 150%;
padding: 1em;
font-variant: small-caps;
text-decoration: none;
line-height: 10px;
border-radius: 2ex;
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
-moz-transition-property: background-color;
-moz-transition-duration: 2s;
}
.header-menu-choix a:hover {
background: rgb(79,80,86); /* Old browsers */
background: -moz-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,80,86,1)), color-stop(45%,rgba(73,76,79,1)), color-stop(60%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5056', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
text-decoration: none;
color: white;
}
width: 100%;
float:left;
}
#header-menu {
margin: 0;
padding: 1ex;
}
.header-menu-choix {
display: inline-block;
margin-top: 10px;
}
.header-menu-choix a {
display: block;
color: black;
font-size: 150%;
padding: 1em;
font-variant: small-caps;
text-decoration: none;
line-height: 10px;
border-radius: 2ex;
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
-moz-transition-property: background-color;
-moz-transition-duration: 2s;
}
.header-menu-choix a:hover {
background: rgb(79,80,86); /* Old browsers */
background: -moz-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,80,86,1)), color-stop(45%,rgba(73,76,79,1)), color-stop(60%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5056', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
text-decoration: none;
color: white;
}
