Acabo de tener una pregunta sobre si puede o no agregar un tipo de efecto de brillo / luz brillante en el fondo de una página web mediante el uso de HTML, CSS o JavaScript (sin embargo, no creo que JavaScript pueda hacer esto, solo pensé en incluirlo)? Si es posible, ¿cómo se logra exactamente esto? He adjuntado una imagen aquí: Este . En resumen, lo que estoy preguntando es, ¿cómo se logra exactamente un efecto de brillo/luz brillante en el fondo de una página?
Espero que hayas entendido mi duda (si no es así, no dudes en preguntar en los comentarios).
¡Gracias por adelantado!
Puede usar radial-gradient() para esto y configurarlo en segundo plano. Recuerde que puede usar múltiples degradados, colores sólidos, imágenes, etc., con la propiedad de background en CSS.
Además, si desea tener una fuente de luz más realista y/o animarla, debe usar WebGL para ello. Recomiendo buscar en TRES.js.
Usar radial-gradient()
.screen { margin: 0 auto; width: 150px; height: 300px; background: rgb(193,193,193); background: radial-gradient(circle at 90% 5%, rgba(123,123,123,1) 0%, rgba(50,50,50,1) 26%, rgba(0,0,0,1) 52%); } <div class='screen'></div>Prueba este
background: radial-gradient(ellipse at top right, #8888, black);
puede ajustar un poco de hexágono según sus necesidades