How to make light shine on the background using HTML/CSS/JS?

December 31, 2021

I just had a question as to whether or not you can add in a glow/light shining sort of effect on the background in a webpage through the use of HTML, CSS or JavaScript (I don’t think JavaScript can do this, however, just thought I’d include it)? If possible, how exactly do you achieve this? I have attached an image here: This . In short, what I’m asking is, how exactly do you achieve a glow/light shining effect on the background of a page?

Hope you understood my doubt (if not, feel free to ask in the comments).

Thanks in advance!

>Solution :

Use 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%);
}