CSS3 spinning shape + static gradient

Question

Is there a way I can make the gradient stay in the same respective place while an object moves using CSS. What I am looking for is more like the effect a real light source gives while an object is moving/spinning. Notice in the code below the gradient actually spins with the object.
https://code.sololearn.com/W9J6JlP3JV59/#css

Answer 1

Make 2 layers overlapping with each other, the underneath with background-color static.
Then build a 'hole' (transparent with shadow white extended out) on above layer to let underlying background through.

Check this out.

https://code.sololearn.com/Wqxl6UvyJgtb/?ref=app

Answer 2

Great work!! You should look at mitali she has amazing examples.

Answer 3

You should use the @ symbol with the persons name, so they can answer back, or they will not receive your messages. Also, if you go right now to the code playground, she created a cool snowman. You check her code and learn more about CSS. Dave

Answer 4

Thanks Saul I will see if I can find Mitali. Can I just do a search for their name?

Answer 5

Note, the @ symbol (in my experience) only pulls up the account selector if you are already following the person or they're in the current context (like, participating in the thread).
For example, I can't link to @mitali that way, though there may be another way :)

Here's the snowman:
https://code.sololearn.com/WoiG29Ufd5FT/?ref=app

Answer 6

Thanks Kirk

Answer 7

Thanks Calvin perfect