Générateur de marquee HTML

Générez un texte défilant nostalgique avec vitesse et couleurs personnalisables.

Contenu et mise en page

Paramètres d'animation

6
<marquee direction="left" behavior="scroll" scrollamount="6" style="background-color: #f0f9ff; color: #0369a1; width: 100%; height: 50px; font-family: sans-serif; line-height: 50px;">
  Welcome to my website! Check out our latest updates.
</marquee>

Noter Générateur de marquee HTML

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Texte défilant rétro

Faites revivre l’esthétique du web des années 90 ou créez des annonces qui attirent l’œil. Générez des balises marquee HTML personnalisables avec aperçu en direct et code instantané.

Aperçu en direct

Comment fonctionne Générateur de marquee HTML

Notre générateur de marquee HTML crée des éléments de texte défilant personnalisables avec un aperçu en direct, directement dans votre navigateur. Vous configurez le marquee en définissant des paramètres comme la direction de défilement (gauche, droite, haut ou bas), la vitesse, le type de comportement (défilement, glissement ou alterné), la couleur d'arrière-plan, la couleur du texte, la taille de police et les dimensions. L'outil génère à la fois la balise HTML marquee classique et un équivalent moderne en animation CSS qui fonctionne de manière fiable dans tous les navigateurs actuels.

Une fenêtre d'aperçu en temps réel affiche votre marquee exactement tel qu'il apparaîtra sur une page web, et se met à jour instantanément à chaque modification d'un paramètre. Le code généré s'affiche dans un bloc de code avec coloration syntaxique que vous pouvez copier en un clic. Pour les développeurs qui préfèrent les standards modernes, l'alternative en CSS utilise des animations par images clés pour reproduire le comportement du marquee sans s'appuyer sur l'élément HTML obsolète.

Toute la génération de code et le rendu de l'aperçu s'effectuent entièrement sur votre appareil, grâce à un traitement côté client : aucune donnée n'est envoyée à un serveur. Cet outil est particulièrement utile aux développeurs web qui ajoutent des bannières de texte dynamiques, des sections de site au style rétro ou des annonces accrocheuses. Vous pouvez tester un nombre illimité de configurations gratuitement et sans inscription.

Comment utiliser Générateur de marquee HTML

1

Personnalisez le texte

Saisissez le message que vous voulez faire défiler.

2

Ajustez les paramètres

Définissez la direction, la vitesse, les couleurs et le comportement.

3

Récupérez le code

Copiez la balise HTML générée pour votre site.

Exemple d'utilisation

Génération d'une annonce défilante :

Entrée
Text: "Sale!", Speed: 10
Sortie
<marquee scrollamount="10">Sale!</marquee>

Questions fréquentes

La balise <marquee> est-elle obsolète ?
Oui, elle est techniquement obsolète mais reste prise en charge par la plupart des navigateurs modernes. Utilisez des animations CSS pour les sites en production.
Puis-je utiliser des images ?
Oui ! Vous pouvez coller une balise <img> dans le champ de texte à la place du texte brut.
Comment l'arrêter au survol ?
Vous pouvez ajouter manuellement onmouseover="this.stop();" onmouseout="this.start();" à la balise.

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Générateur de marquee HTML est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge