There is the following picture:
What is embarrassing ... It is necessary to realize the green background of the picture ... Moreover, so that all the corners are rounded off at the picture, and also so that the rounded corners are transparent - because the background of the site is gradient ...
Pictures are planned to be loaded ordinary, without pre-rounded corners.
Specter is right. Here you need to use css3. If support for these beauty is not required, then it is better to use css3pie for it or something similar.
Make the shadow itself as usual - sprite from png + upper / lower corner with absolute positioning and fixed dimensions, side shading tiled vertically, the block will stretch depending on the size of the image. To the picture itself apply a rounding corner. It should work out.
From css3:
border-radius - закругление box-shadow - тень but only in the latest browsers
Source: https://ru.stackoverflow.com/questions/40241/
All Articles