Loader Pac-Man
Une bouche ronde qui s’ouvre et se referme en avalant une rangée de points, tout droit sortie d’une salle d’arcade.
Réglages
Code
<div class="ul-pac"><b></b><b></b><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Où l’utiliser
Peu de loaders portent autant de nostalgie. Ce loader Pac-Man en CSS va comme un gant à une boutique de jeux vidéo rétro, au site d’un bar arcade ou à la page d’une game jam. La bouche s’ouvre et se ferme vite pendant que les points arrivent par la droite, comme si elle avançait en mangeant sans arrêt.
Le jaune est l’hommage évident, mais la couleur de votre marque fonctionne aussi. Réservez-le aux projets décontractés : sur le site d’une banque ou d’une clinique, il détonne. Il fait aussi un clin d’œil amusant sur une page 404 ou de maintenance.