Animation css fonctionne pas
ickyknox
Messages postés
1156
Date d'inscription
Statut
Membre
Dernière intervention
-
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
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
- Gpx 3d animation - Télécharger - Transports & Cartes
- Css download - Télécharger - HTML
- Background color 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;
}
