Faire défiler du texte sur mon site
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
16m08
de formation
3
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Faire défiler du texte sur mon site

4.8/5 Trustpilot (1400 avis) Satisfait ou remboursé
16m08
de formation
3
leçons vidéo
1
chapitre

Dans ce tuto en vidéo, je vous propose d'apprendre à faire défiler un texte sur vos pages web.
Pour cela il existe une balise HTML qui se nomme marquee.
Cependant, bien que les navigateurs actuels continuent de l'accepter, un jour cette balise ne sera plus interprétée par les navigateurs. Et pour cause, cette balise a été rendue obsolète par le consortium W3C. D'autre part, en utilisant cette balise, vous courrez le risque de voir votre site black listé par les outils de recherche.
Alors comment faire si, malgré tout, on souhaite faire défiler un texte sur nos pages web ?
C'est tout l'objet de ce court tuto !

Je vais ici vous donner une solution simple et efficace en utilisant non pas un langage de programmation tel que le JavaScript, mais uniquement quelques propriétés CSS liées aux animations.

Si vous voulez aller plus loin à la suite de ce tuto, je vous propose un cours de 45 minutes sur les utilisations des animations en CSS.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Utilisation du HTML
Leçon 2
Utilisation du CSS
Leçon 3
Pour aller plus loin

Table des matières

Leçon 1

Utilisation du HTML

04m47
Leçon 2

Utilisation du CSS

10m08
Leçon 3

Pour aller plus loin

01m13

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 18/02/2025
Merci Carl pour ce cours sur l’animation de texte en CSS ! J’ai particulièrement apprécié votre approche qui remplace la balise obsolète `` par une solution moderne et efficace avec les animations CSS. L’explication du keyframe `@keyframes defiler` et l’application progressive m’ont permis de bien comprendre le mécanisme, tout en évitant les pièges SEO. Une méthode simple, fluide et propre qui s’intègre parfaitement dans mes projets. Validé 100%. 👍
Valérie Arno
Valérie Arno
Publié le 06/10/2024
Super ! Merci Carl. Je ne me souviens jamais comment s'écrivent les animations en CSS. Ça finira bien par rentrer dans mes neurones. On a réussi, grâce à vos lumières, à contourner la balise marquee, et c'est tant mieux. À bientôt.
Carl Brison
Carl Brison
Merci à vous Valérie ;-)
Jean Philippe
Jean Philippe
Publié le 02/10/2024
Bonjour et merci pour ce tutoriel, j'espère qu'un jour, vous ferez un projet sur Symfony (par exemple) mais les courts tutos comme celui-ci sont excellents ! Ils me permettent de faire des révisions et j'en ai bien besoin.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil. Pour répondre à votre question, peut-être un jour Symfony, mais pour le moment j'ai encore beaucoup à faire. J'en prends bonne note

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source complet de ce tuto

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
3,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
16m08 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 801 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1430 tutos gratuits

Notre politique de protection des données