CSS Library DIVs and containers
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
CSS Gradient Shadow
This is a CSS and JavaScript technique that lets you add a shadow to most elements on your page with a customizable shadow depth and coloring. Just give the element in question a class name of "shadow" to activate the effect.
Arrow Comment Box
Using an "arrow" image, this CSS code transforms a regular DIV into a fancy "bubble" container . It's a nice interface to use for your blog's comment boxes, for example.
CSS Drop Shadows
This examples shows how to add a drop shadow to any container element using only CSS (no images). It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color.
Curly Corner Container
There are countless techniques on the web for adding curly/ round corners to DIV containers. The below shows one way to add a curly lower right corner to any DIV on your page. It does so by using relative positioning to slightly offset a DIV to the right and bottom, so its background image, which is a curly image, falls inline with the border of the outer DIV.
CSS Image Drop Shadows
This examples shows how to add a drop shadow to any container element using CSS and the help of a large shadow image in the background.






