Can any one explain what the importance of Percentage here ?

Question

nav ul {
background: linear-gradient(90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.2) 25%,
rgba(255, 255, 255, 0.2) 75%,
rgba(255, 255, 255, 0) 100%);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1),
inset 0 0 1px rgba(255, 255, 255, 0.6);
}

Answer 1

The percentages mark the color stops of the gradient. You have 4x same color but with different alpha settings (opacity) and those alphas have their stops at 0%,25%,75%,100%,starting from the bottom to the top (90deg).

Edit: I know which lesson that is. Go for try it out and remove the background image and set the background color to grey. You see it better then instead of the fancy green background.

Answer 2

oh that means rgba its a color value you type just like in javascript for color so for example (255,100,76, 0.5) also 0.5 its a value that if you make a color it makes it see through for example if you hover over a games START button whatever color is atound it like a squares color around the start button is see through

Answer 3

it's good