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 2014 - 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 2014 - 20:12, édité 1 fois

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 2014 - 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é
*

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 2014 - 20:12

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

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