HTML + CSSArrière-plans

Rayons de lumière

Des faisceaux de lumière douce s’ouvrent depuis le haut et tournent lentement, comme le soleil à travers un vitrail.

Réglages

1x
1x
1

Code

<div class="pt-rays"><i></i><i></i></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 Arrière-plans

Où l’utiliser

Les rayons de lumière donnent un air d’événement à une page. Ils conviennent à la présentation d’un nouveau produit, à une cérémonie de remise de prix ou à la page de remerciement après l’achat d’un billet. Deux séries de faisceaux tournent lentement en sens inverse, la lumière change sans attirer l’attention. Un fond de rayons lumineux en CSS.

Placez le titre juste sous la source de lumière, en haut au centre, où il profite d’un halo naturel. Si l’effet paraît trop rayé sur un grand écran, augmentez l’échelle pour obtenir moins de faisceaux, mais plus larges.