39 Ridiculous Things To Do With CSS3 Box Shadows

Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. How much neat stuff, you ask? To find out, I set a little time aside each day to play with it. The result is 39 ridiculous little experiments that, due to whatever issues, can […]

CSS3 Generator

A CSS3 online generator with a beautiful interface…

CSS Box Shadow & Text Shadow Experiments

Using a little HTML and some CSS we take a trip to the dark side of the moon, create a periodical table and make a radioactive love concoction. We even throw some CSS animations in there to add to the party…

CSS3 Advanced Box Shadows

In this video, you’ll learn about additional box-shadow features, such as multiple shadows and inset shadows. You’ll also learn some advanced techniques, such as how to create a sunken well effect…

Creating Shadows Around Polygons in CSS

Almost every polygon can be reduced to a combination of simpler shapes — a reduction that’s the essence of how we make complex shapes with HTML and CSS in the first place. So what we have to do is apply the shadow to both those boxes, and then cut off the overlap with clip…

CSS3 box-shadow and Image Hover Effects

The CSS3 box-shadow property is a new way of adding drop shadow effects just by editing a style sheet. There’s no need to use Photoshop! Just open your style sheet in a text editor and away you go. Well, it’s almost as simple as that but not quite. There’s one caveat and that is browser […]