Tous les cas
Choisissez un cas complet, consultez directement le résultat, modifiez le code source et exécutez-le dans le navigateur.
CSS bouton dégradé
Un ensemble de boutons dégradés modernes avec effets lumineux, contour et retour au clic.
Ouvrir et exécuterBoîte de dialogue modale
Utiliser l’élément dialog natif pour créer une boîte de dialogue de confirmation accessible.
Ouvrir et exécuterPanneau repliable accordéon
Composant FAQ à accordéon avec prise en charge du clavier et déploiement fluide.
Ouvrir et exécuterBasculement d’onglets
Composant d’onglets avec navigation par touches fléchées et animation de changement de contenu.
Ouvrir et exécuterTableau de données adaptatif
Liste de commandes qui bascule automatiquement entre tableaux sur ordinateur et cartes d’information sur mobile.
Ouvrir et exécuterChronologie verticale
Chronologie adaptative pour afficher l’avancement d’un projet et ses étapes clés.
Ouvrir et exécuterGrille de cartes responsive
Construisez, avec CSS Grid, des cartes de voyage qui se réorganisent automatiquement.
Ouvrir et exécuterMenu de navigation déroulant
Navigation responsive pour le survol sur ordinateur et le clic sur mobile.
Ouvrir et exécuterAnimation de chargement créative
Effet visuel de pulsation de rail et de progression de chargement réalisé entièrement avec CSS.
Ouvrir et exécuterAnimation de texte machine à écrire
Utilise l’animation de progression de CSS pour simuler l’apparition du texte caractère par caractère et le clignotement du curseur.
Ouvrir et exécuter3D carte à retourner
Carte d’information en relief utilisable à la souris, au tactile et au clavier.
Ouvrir et exécuterAnimation du taiji tournant
Un motif yin-yang dessiné et animé uniquement à partir de formes CSS.
Ouvrir et exécuterCompte à rebours d’activité
Minuteur avec réglage des minutes et prise en charge de la pause, de la reprise et de la réinitialisation.
Ouvrir et exécuterCalculatrice simple
Calculatrice arithmétique de base prenant en charge la saisie au clavier et les calculs successifs.
Ouvrir et exécuterRecherche de liste en temps réel
Saisissez un mot-clé pour filtrer instantanément les villes et mettre en surbrillance les résultats correspondants.
Ouvrir et exécuterValidation instantanée des formulaires
Formulaire d’inscription avec état en temps réel, messages d’erreur et retour de soumission.
Ouvrir et exécuterEffet de chute de neige romantique
Scène de chute de neige en plein écran avec quantité de neige et direction du vent réglables, Canvas.
Ouvrir et exécuterCanvas effet de feu d’artifice
Effet de particules interactif qui fait éclore des feux d’artifice colorés dans le ciel nocturne au clic.
Ouvrir et exécuterHorloge analogique
Un cadran mécanique raffiné qui tourne en temps réel selon l’heure locale.
Ouvrir et exécuterEffet de traînée de particules
Particules lumineuses colorées qui se déplacent en suivant le curseur de la souris ou le toucher.
Ouvrir et exécuterSélecteur segmenté de salle de réunion
Réalisez un sélecteur segmenté dans un contexte de salle de réunion : contenu réel, contrôles interactifs, retours d’état clairs et mise en page multi-formats.
Ouvrir et exécuterFormulaire d’inscription des bénévoles avec validation en temps réel
Formulaire de validation en temps réel pour une inscription de bénévoles : contenu réaliste, contrôles utilisables, retour d’état clair et mise en page multi-tailles.
Ouvrir et exécuterMenu principal réactif pour le guide du musée
Dans un contexte de guide de musée, utilisez un menu principal réactif : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.
Ouvrir et exécuterDialogue de confirmation de révision de document
Réalisez une boîte de dialogue de confirmation dans le contexte de relecture de documents : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.
Ouvrir et exécuter