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
- Logiciel d animation 2d gratuit - Télécharger - Divers Web & Internet
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever ligne sous lien, HTML CSS ✓ - Forum CSS
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;
}
