Enroulement doux après le hover [Résolu] Bouton_activeEnroulement doux après le hover [Résolu] Bouton_hoverEnroulement doux après le hover [Résolu] Fb-hoverEnroulement doux après le hover [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
» Système d'onglets simple et personnalisable
Enroulement doux après le hover [Résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Enroulement doux après le hover [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Enroulement doux après le hover [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Enroulement doux après le hover [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Enroulement doux après le hover [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Enroulement doux après le hover [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Enroulement doux après le hover [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Enroulement doux après le hover [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Enroulement doux après le hover [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Enroulement doux après le hover [Résolu] Empty
Helle les loulous!
J'aurais besoin d'aide pour faire un enroulement doux après un hover.
Qu'est-ce que je veux dire par là? Eh bien prenons mon forum [ici]. Si vous allez, dans le PA, sur "Le Staff" ou "Information Village", lorsque vous passez la souris, soit sur l'image pour l'un, soit sur les rouleaux pour l'autre, vous avez un joli déroulement, grâce à transform de CSS3.

Cependant, lorsque vous retirez votre souris, eh bien il n'y a pas d' "enroulement", mais l'image disparait tout simplement.

Est-ce que je pourrais enrouler à nouveau de façon fluide, où bien dois-je, là encore, utiliser jQuery?

Merchi d'avance pour les réponses! ^^


Dernière édition par Nyo The Neko le Mer 04 Avr 2012, 03:27, édité 1 fois
MessageSujet: Enroulement doux après le hover [Résolu]   Enroulement doux après le hover [Résolu] EmptyMar 03 Avr 2012, 12:50
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Enroulement doux après le hover [Résolu] Empty
Bonjour !

Il s'agit simplement d'un réglage malheureux, pour ainsi dire XD En réalité, le "défilement" est effectivement doux, mais :
- Losrque tu survoles l'image, le fond change tout de suite (enfin presque *a attendu trois plombes*), et le bloc "s'ouvre" lentement
- Lorsque tu retires ton curseur, le fond change tout de suite aussi, et le bloc se "ferme" lentement... sauf qu'en l’occurrence, on ne voit rien vu que l'image de fond normale n'a pas de panneau latéral.

Moralité, il te faut n'utiliser qu'une seule image pour l'état ouvert et fermé !

Voici une version de ton CSS plus appropriée à ce que tu souhaites (en espérant que je n'aie pas oublié une transition) :

Code:
#sachami {
    transition :width 2s ease;
    -o-transition : width 2s ease;
    -webkit-transition : width 2s ease;
    -moz-transition: width 2s ease;
    background-image: url("http://i67.servimg.com/u/f67/11/97/13/62/sachao11.png") no-repeat;
    height: 328px;
    width: 89px;
    overflow: hidden;
}
#sachami:hover {
    width: 557px;
}

(Inutile de répéter les propriétés height et compagnie, elles ne changent pas.)

C'est évidemment à adapter pour les rouleaux ^^

(Rhaaaaa, pour une fois que je ne me fais pas prendre de vitesse, joiiiiieeeee)
MessageSujet: Re: Enroulement doux après le hover [Résolu]   Enroulement doux après le hover [Résolu] EmptyMar 03 Avr 2012, 14:02
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Enroulement doux après le hover [Résolu] Empty
3qio8fdsqklgdsgf Merci!

Je peux pas croire que j'ai oublié la base fondamentale de la propriété du :hover! Évidemment que mon image disparaîtrait! Je suis trop bête! ><

Merci de m'avoir montré mon erreur complètement débile! D= Comme quoi, quand on se concentre trop sur un truc on perd la vue globale! ><

Bon bah problème terminé, merci beaucoup!

MessageSujet: Re: Enroulement doux après le hover [Résolu]   Enroulement doux après le hover [Résolu] EmptyMer 04 Avr 2012, 03:27
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Enroulement doux après le hover [Résolu] Empty
Wouah, c'est du rapide ici Enroulement doux après le hover [Résolu] 215926 Je déplace alors, merci !
MessageSujet: Re: Enroulement doux après le hover [Résolu]   Enroulement doux après le hover [Résolu] EmptyMer 04 Avr 2012, 06:43
Revenir en haut Aller en bas
Contenu sponsorisé




Enroulement doux après le hover [Résolu] Empty
MessageSujet: Re: Enroulement doux après le hover [Résolu]   Enroulement doux après le hover [Résolu] Empty
Revenir en haut Aller en bas
 

Enroulement doux après le hover [Résolu]

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

 Sujets similaires

-
» Problème de Hover(résolu)
» [résolu]Barre de navigation (hover)
» [résolu]"hover" uniquement pour les membres
» [Résolu] Un grand trou après la description
» [Résolu] Problème après suppression des colonnes "Sujets" et "Messages".

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 | Cookies | Forum gratuit