Now comment out the filter and implement the drop shadow in a different (slightly more cross-browser compatible) way, which still follows the shape of the round image.
Please review the code and help finish the parts related to these two questions.
the issue was the arranging of the attribute when i started with css chris helped me with stick to the order of the attribute value espicaily the shorthand
@justsomeone thanks for review.
i corrected the order, and it’s almost working. only the gradient is applied to whole page instead of just top and bottom, why is that?
i updated the codepen
and it was asking 2 ways of creating shadow for logo, what’s the second one?
but i recommend that you do not use shorthand with multi image as it really hard
so for me i recommend to use background image and put all your image then background-size to manage their size if you like and so one for other stuff
just stick to the order of the image you choose and if there option you want to apply to all then just use it once as i did with background repeat
one thing to notice the top is darker than the bottom cause the way it used the background make the linner position start cause that that effect
i do not know how to explain that but try to play with the value for the top linner add and decrease it and you will get what i am trying to say