La transition du "retour" ?   [Résolu] Bouton_activeLa transition du "retour" ?   [Résolu] Bouton_hoverLa transition du "retour" ?   [Résolu] Fb-hoverLa transition du "retour" ?   [Résolu] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
La transition du "retour" ?   [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
La transition du "retour" ?   [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
La transition du "retour" ?   [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
La transition du "retour" ?   [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
La transition du "retour" ?   [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
La transition du "retour" ?   [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
La transition du "retour" ?   [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
La transition du "retour" ?   [Résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Cdiscount : -30€ dès 300€ ...
Voir le deal

Partagez
 

La transition du "retour" ? [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Eol'
Eol'
{ Membre }
{ Membre }

Féminin Messages : 7



La transition du "retour" ?   [Résolu] Empty
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>
MessageSujet: La transition du "retour" ? [Résolu]   La transition du "retour" ?   [Résolu] EmptyJeu 12 Déc 2013, 13:20
Revenir en haut Aller en bas
Sano-kun
Sano-kun
{ Membre }
{ Membre }

Masculin Messages : 10



La transition du "retour" ?   [Résolu] Empty
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/
MessageSujet: Re: La transition du "retour" ? [Résolu]   La transition du "retour" ?   [Résolu] EmptyJeu 12 Déc 2013, 23:04
Revenir en haut Aller en bas
Eol'
Eol'
{ Membre }
{ Membre }

Féminin Messages : 7



La transition du "retour" ?   [Résolu] Empty
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; ♥♥♥
MessageSujet: Re: La transition du "retour" ? [Résolu]   La transition du "retour" ?   [Résolu] EmptyVen 13 Déc 2013, 12:01
Revenir en haut Aller en bas
Contenu sponsorisé




La transition du "retour" ?   [Résolu] Empty
MessageSujet: Re: La transition du "retour" ? [Résolu]   La transition du "retour" ?   [Résolu] Empty
Revenir en haut Aller en bas
 

La transition du "retour" ? [Résolu]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème de transition [résolu]
» [Résolu] Organisation par Onglets - Effet de transition
» [résolu]Transition d'une image qui change au passage de la souris
» [résolu]Impossible de mettre des effets de transition dans les messages
» [Résolu] Problème d'effet de transition sur le "letter-spacing" sous Firefox

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit