Drop shadow with CSS for all web browsers. This article is also available in Bulgarian One of the most common CSS effects is using shadows in various ways.
Before, we needed to resort to images, but now we can offer this to all major web browser with CSS! Web browser support Believe me or not, but all of these web browsers we can offer shadows with CSS: Cross-Browser CSS Gradient. The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers.
But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check out my updated dropdown menu (demo) using CSS gradient. CSS Tutorial.