A voir également:
- Html
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
1 réponse
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.
