Drop shadow effect using css
Jan 09, 2013 Rounded drop shadow effect can be made with CSS3 in 2 ways: using dropshadow property, using radial gradients. In both cases we will be using CSS: after pseudo elements for the shadow. This way we avoid adding unnecessary HTML markup. Example 1. Simple rounded drop shadow with boxshadow property.Drop shadow for PNG image using CSS There is a basic way to add shadow effect on images but that effect will behave like the image is square, so there is another way to do the shadow which is basically applied on PNG images. drop shadow effect using css
Drop shadow effect example: The shadow effect is achieved by repeating the image of the drop shadow vertically (see attached files, below) by applying the style to yourusing CSS. Two drop shadow images have been created, allowing you to use a larger width if necessary. Included sizes are optimised for and monitor resolutions.