Hello

Back

Home
Menu with List
CSS Positioning
Drop Down Menu

Drop Shadow Around This.

 

 

 

 

 

 

 

Drop Shadow thanks to Stu Nicholls at CSS Play.

This drop shadow thing is really cool. From the looks of it, it is created by creating two div containers. One is filled with grey or whatever color you want the shadow to be and the other is filled with white or whatever you want the text container to be.

The genius part is where the text container is superimposed upon the grey box such that it gives the illusion of being a shadow. I would not have thought it possible to do such a thing without making use of z-index.

And the best part is that no images were used in the making of them, but only pure css!

Apparently IE requires some sort of hack to make the fixed positioning work correctly. Sorry!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Back