Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Transition fondue sur bannière.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Transition fondue sur bannière.

Message par Pokemon-Space le Mar 10 Juin - 0:54

Hello tout le monde Very Happy
Alors voilà, j'ai récemment décidé de changer la bannière de mon forum, j'ai voulu faire quelque chose à la fois actuel et original, c'est pourquoi j'ai eu l'idée de créer deux bannières, dont une permanente et l'autre apparaissant au survol. J'ai parfaitement réussi cette partie, tout fonctionne nickel !
Néanmoins, la transition est inexistante, c'est pourquoi j'ai essayé de faire un fondu entre les deux bannière, en vain : voilà pourquoi je vous demande votre aide.

Voilà mon forum test pour voir à quoi ressemble la bannière :
http://poke-space-color.forumactif.org/

Et voilà le code que j'utilise :
Code:
#i_logo{
  background:url(http://img15.hostingpics.net/pics/633887Bannirestarter.png);
  width:1154;
  height:480;
}
#i_logo:hover{
background:url(http://img15.hostingpics.net/pics/809165BannireStarterMga.png);
  width:1154;
  height:480;
}


Merci d'avance  Razz


Dernière édition par Pokemon-Space le Mar 10 Juin - 20:12, édité 1 fois
avatar

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transition fondue sur bannière.

Message par Ananké le Mar 10 Juin - 11:38

Bonjour,

Vous devez indiquez que vous souhaitez une transition justement :

Code:
       #i_logo{
          background:url(http://img15.hostingpics.net/pics/633887Bannirestarter.png);
          width:1154;
          height:480;
          -moz-transition: all 1s ease-in-out;
          -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
          -o-transition: all 1s ease-in-out;
          -ms-transition: all 1s ease-in-out;
        }
        

Les différentes transitions correspondent aux différents navigateurs, normalement IE ne les prend pas en compte (ou alors peut-être sur la dernière version). Ensuite le "all" indique que vous souhaitez que la transition s'applique à l'ensemble de vos éléments, le "1s" est la durée de cette transition et le "ease-in-out" est un effet de transition, sachant qu'il en existe d'autres.

En espérant vous avoir aidé.
Ananké

Ananké
*

Messages : 45
Inscrit(e) le : 28/12/2013

http://bibliotheque-oubliee.forumactif.com
Ananké a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transition fondue sur bannière.

Message par Pokemon-Space le Mar 10 Juin - 20:12

Merci beaucoup pour votre aide, c'est exactement ce dont j'avais besoin Very Happy ! Topic résolu !
avatar

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum