HTML + CSSFondos
Rayos de luz
Haces de luz suaves que se abren desde arriba y giran despacio, como el sol entrando por una vidriera.
Ajustes
1x
1x
1
Código
<div class="pt-rays"><i></i><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
Los rayos de luz dan un aire de gran ocasión. Encajan en la presentación de un producto, en una gala de premios o en la página de «gracias» tras comprar una entrada. Dos juegos de haces giran despacio en sentidos opuestos, así que la luz siempre cambia. Un fondo de rayos de luz en CSS, sin imágenes.
Pon el título justo debajo del foco de luz, arriba en el centro, donde recibe un resplandor natural por detrás. Si en una pantalla grande se ve demasiado a rayas, sube la escala para tener menos haces y más anchos.