HTML + CSSArrière-plans

Herbe dans le vent

Des centaines de brins d'herbe parsemés de coquelicots ondulent sous les rafales et le curseur les écarte comme une main, en canvas.

Réglages

1x
1x
1

Code

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

Version Markdown avec tout le code, pour les assistants IA

Plus dans Arrière-plans

Voir tout : Arrière-plans

Où l’utiliser

Une prairie dessinée en trois couches de brins effilés, plus sombres derrière et plus vifs devant. Chaque brin se plie grâce à un petit ressort vers une valeur de vent faite de deux ondes lentes et d'une rafale qui traverse le champ toutes les quelques secondes, si bien que l'herbe ondule comme en vrai. Quelques coquelicots rouges dépassent.

La première couleur est l'herbe fraîche, la deuxième les fleurs et la troisième le vert profond du fond. La densité règle l'épaisseur de la prairie. Passe le curseur au travers et les brins s'écartent puis reviennent avec un rebond. Idéal pour les pages nature, agriculture, écologie et les campagnes d'été.