Html
Fermé
badredine1
Messages postés
66
Date d'inscription
vendredi 7 février 2014
Statut
Membre
Dernière intervention
9 octobre 2014
-
10 févr. 2014 à 00:09
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 10 févr. 2014 à 05:31
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 10 févr. 2014 à 05:31
A voir également:
- Html
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- &Nbsp html - Forum HTML
- Balise </br> - Forum HTML
- Espace html ✓ - Forum HTML
1 réponse
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 10/02/2014 à 05:32
Modifié par animostab le 10/02/2014 à 05:32
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.
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.
