HTML + CSSFondos
Mármol líquido
Vetas de color que fluyen por la pantalla como mármol líquido o papel marmolado, dibujadas con un filtro SVG.
Ajustes
1x
1x
1
Código
<div class="pt-marble"><svg width="0" height="0" style="position:absolute"><filter id="pt-marble-f" x="-20%" y="-20%" width="140%" height="140%"><feTurbulence type="fractalNoise" baseFrequency="0.004 0.007" numOctaves="4" seed="7"/><feDisplacementMap in="SourceGraphic" scale="200"/></filter></svg><i></i></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 Fondos
Dónde usarlo
El marmolado tiene algo artesanal y un punto lujoso. Funciona en la web de un taller de cerámica, en el lanzamiento de una línea de cosmética o en la portada de un portfolio de interiorismo. Las vetas se desplazan sin parar y el dibujo se va rehaciendo despacio. Un fondo de mármol animado en CSS.
Tres colores cercanos y el fondo oscuro dan el aspecto clásico; añade un dorado o un crema si lo quieres más parecido a la piedra real. Pon el texto sobre una tarjeta o un bloque sólido, porque las vetas lo cruzan todo.