0

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

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.

7th Feb 2017, 7:20 AM
Pranoti Dharme
3 Answers
+ 3
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
7th Feb 2017, 2:02 PM
visph
visph - avatar
0
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.
3rd Mar 2017, 12:28 AM
Dean Sheridan
Dean Sheridan - avatar
0
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
13th Mar 2017, 3:03 PM
Anton Kowalski
Anton Kowalski - avatar