HTML + CSSFondos

Hierba al viento

Cientos de briznas con algunas amapolas se mecen con las ráfagas de viento y el cursor las aparta como una mano, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-grass-wind"><canvas></canvas></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.

Versión Markdown con todo el código, para asistentes de IA

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Un prado dibujado en tres capas de briznas afiladas, más oscuras detrás y más vivas delante. Cada brizna se dobla con un pequeño muelle hacia un valor de viento hecho de dos ondas lentas y una ráfaga que cruza el campo cada pocos segundos, así que la hierba ondula como la de verdad. Unas cuantas amapolas rojas asoman por encima.

El primer color es la hierba fresca, el segundo las flores y el tercero el verde profundo del fondo. La densidad decide lo tupido que está el prado. Pasa el cursor por encima y las briznas se apartan y vuelven con un rebote. Encaja en páginas de naturaleza, campo, ecología y campañas de verano.