Eol'
{ Membre }
Messages : 7
| Bonsouaaar ! J'ai un petit soucis avec mon code toooouuuuut simple : quand on passe la souris, la transition est progressive. Mais lorsqu'on la retire, la transition se fait d'un coup, en fait j'crois que y en ait, de transition. Comment je fais pour qu'elle vienne, s'il vous plaît ? *débutante spotted* tretgggg Merci d'avance ! - Code:
-
<style>.ban{-webkit-tansition: all 0.75s; background-image:url('http://gyazo.com/4fa9d61f47bad94057f6b5ef23d5f615.png'); width:300px; height:130px; border-radius:50px; } .ban:hover{-webkit-transition: all 0.75s; background-image:url('http://gyazo.com/1f4d47814803dc8530d2897ab41d9fa5.png'); width:300px; height:130px; border-radius:50px; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg) } </style>
<div class="ban">tretgggg</div> | | |
|
Sano-kun
{ Membre }
Messages : 10
| Bonjour,
À vue d'oeil je vois trois problèmes potentiels dans ton CSS :
- Tu as écris "-webkit-tansition" dans ta classe ".ban" - La transition n'est pas nécessaire sur le :hover - Il manque certaines propriétés de transition pour assurer la compatibilité sur tous les navigateurs ; tu as webkit, il te manque -moz- et "transition" seul (-webkit-transition: all 0.75s; -moz-transition: all 0.75s; transition: all 0.75s;).
En espérant que ça puisse t'aider. o/ | | |
|
Eol'
{ Membre }
Messages : 7
| Merci beaucoup, c'était le premier problème énoncé. ;A; À force de relire et relire les codes, les erreurs comme ça passent inaperçues. QAQ
Merci encore. ;w; ♥♥♥ | | |
|