BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - fadein sur un panneau d'élément
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

fadein sur un panneau d'élément

 Répondre Répondre
Auteur
Message
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Sujet: fadein sur un panneau d'élément
    Envoyé : 27 Juil 2016 à 10:13
Salut à tous,

juste au cas où, je pensais qu'un peu de code css suffirait pour faire quelque chose de simple mais non semble t il...Ouch

j'ai un panneau d'éléments sur lequel j'ai spécifié une image d'arrière plan.
Mon idée était que cette image apparaisse en fadein pendant le chargement de la page au lieu d'un seul coup.
J'ai donc utilisé ce code css :

#WE71ba9ca67a p {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Mais cela ne fonctionne pas. Loupé quelque chose?

Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Juil 2016 à 10:24
Bonjour,

#WE71ba9ca67a p

Il faut enlever "p"? (c'est pour une balise <p> qui doit venir d'une exemple sur le Web)
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Juil 2016 à 10:32
Message posté par Dmit OE Dmit OE a écrit:

Bonjour,

#WE71ba9ca67a p

Il faut enlever "p"? (c'est pour une balise <p> qui doit venir d'une exemple sur le Web)

mais quel andouille je fais...suffisait de lire ! Angry

merci Dmit, qu'est ce que je ferais sans toi?! Embarrassed
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.