Html

badredine1 Messages postés 87 Statut Membre -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
comment je peut faire un text constante est son ariére plan est une image qui se deplace du droit a gauche

1 réponse

  1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    Bonjour

    le html est simple a faire
    pour le css il faut utiliser un @keyframes avec translate

    html

    <div id="defile"> <p>le texte qui bouge pas</p> </div>

    css

    @keyframes translation{
    from{background-position:0px 0px;}
    to{background-position:400px 0px;}
    }

    #defile {
    animation: translation linear 10s infinite;
    background: url(imageadefiler.png);
    width:400px;
    height:400px;
    }

    il faut juste aussi ajouter les préfixes des navigateurs pour les @keyframes et pour animation
    Voici une page qui montre la compatibilité navigateurs et les prefixes etc
    http://epnet.fr/lessons/animations-css3

    Un petit merci vaut mieux qu'une grande ignorance !
    Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
    0