Values are positive still the shadow is at top and left.how?

Question

in previous session we have seen that when we give negative values then only shadow will appear at top and left otherwise right and bottom.

Answer 1

Css shadows are handle with differents properties... behaviour will be a little different with differents values for blur and glow effects; but if you don't set these,, the two other values are for among of shift of the shadow relatively to the object: positive values shift to the right and the bottom, negative ones to the left and the top... by combination on positive and negative values for x and y axis, you can make the shadow appear where you want ^^
And in case of blur/glow effect, the shadow is growing relatively to the object, so we need more shift to make it hardly disapear on some side :P

Answer 2

As this is using the keyword 'inset' its basically the opposite. If you use negative values while using the keyword inset, it will render the shadow from the bottom right.

Answer 3

If the blur px and/or spread px are higher than the horizontal or vertical offset px e.g. 10px 10px 50px 50px #888888; then it can happen that the shadow appears on the top an left. But check this code by Adnen: https://code.sololearn.com/WGioxTdHuKWl/#html