HTML + CSSLoaders
Loader lámpara de lava
Una cápsula alta donde unas manchas cálidas suben, bajan y se funden, como una pequeña lámpara de lava.
Ajustes
72px
1x
Código
<svg width="0" height="0" style="position:absolute"><filter id="ul-lava"><feGaussianBlur stdDeviation="5"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -8"/></filter></svg><div class="ul-lava"><div><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Loaders
Dónde usarlo
Una lámpara de lava es nostalgia setentera pura, así que este loader da carácter al momento a una tienda de ropa vintage, a una tienda de discos o a la carta de una coctelería. Las manchas suben, bajan y se funden entre ellas, y da gusto mirarlo en esperas largas.
Naranja y rosa es la pareja clásica, pero un morado oscuro con turquesa le da un aire más nocturno. Como es alargado, luce más en una pantalla de bienvenida o una columna lateral que entre botones. Aquí también tienes un fondo de lava a pantalla completa.