Why radial gradient not work ?!

Question

in first code must the color go from light to dark but it is not work When click in circle the color change to dark directly

https://code.sololearn.com/WAb9S7EP1oTJ/?ref=app
https://code.sololearn.com/WfMXi2SXTHuV/?ref=app

Answer 1

hmm..i don't think gradient color change works with css..not sure if it was ever implemented

gradient transitions only work with hacks likeyou had to use an opacity over lay which slowly revealed the darker color.

im not sure of any new css that can do gradient fades..someone else might

here is your code working fine with solid color

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

Answer 2

tried that calvin..no work..would have to use before::after opacity i think

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

Answer 3

the second you forgot to but hover

Answer 4

Jason Kennedy
in first code must the color go from light to dark but it is not work
When click in circle the color change to dark directly

Answer 5

Ayah K Alrifai you should put all the radial colors in one background selector