How do I animate the sun glow


#1

In the final step, they suggest to animate the sun glow.How do I do it. Do I need java script?


#2

I am not exactly sure how to "Animate" the sun...but i have an even cooler suggestion...

If you want, you can change the image of the sun( I can explain if you don't know how to ) to a gif. Just go to google or whatever browser you use and search "Sun Gif" If you copy and paste that picture onto your code..it will rotate... here is what i did..

GIF I USED:

CSS:

sun {

position: absolute;
top: 50%;
left: 50%;

height: 120px;
width: 120px;
margin-top: -60px; 
margin-left: -63px;

}


#3

You can animate it with CSS

sun {
-webkit-animation: glow 5s ease infinite;
-moz-animation: glow 5s ease infinite;
-ms-animation: glow 5s ease infinite;
-o-animation: glow 5s ease infinite;
animation: glow 5s ease infinite;
}

@-webkit-keyframes glow {
0% {
box-shadow: 0 0 128px red;
}

50% {box-shadow: 0 0 350px red;}

  100% {
    box-shadow: 0 0 128px red;
    } 
  }

This should work.