Carré qui devient cercle
Un carré qui tourne, rétrécit en cercle et change de couleur, avant de revenir, encore et encore.
Réglages
Code
<div class="ul-morph"></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
Cette forme qui se métamorphose a un côté ludique et très design, c’est pourquoi elle convient aux sites créatifs : l’intro d’un studio de design, l’écran de chargement d’un portfolio en ligne ou une transition de page sur le site d’un cabinet d’architectes. C’est un loader en CSS pur, un seul élément et aucun JavaScript.
Choisissez deux couleurs proches, comme deux bleus ou un corail et un rose, pour que le changement se lise comme une nuance et non comme un flash. Il lui faut un peu de taille : sous 30 pixels, la rotation ressemble à un tic.