Close this search box.
Close this search box.

CSS3 New Feature: Box-Shadow

Share This Post

CSS3 has made front-end web development easier and more streamlined than ever before. The simple fact that CSS3 has capabilities to render more sophisticated design elements enables web developers to rely less and less on images to be loaded onto the page. Sounds like a miracle, eh? Well, yes and no…depending on what browser the user is viewing, the pages through the shadow will appear differently. The way browsers render even simple CSS1 elements can have variation and even more so with CSS3.

Take a look at this great example of a box shadow, showing how different the same code looks in 4 different browsers:

Box shadow works in Firefox 3+, Chrome, Safari, Opera and Internet Explorer 9. Older versions of IE will ignore the rule, but in most cases losing the shadows won’t be detrimental for the design itself.
CSS3 is a great new tool that simplifies code and cuts down on the use of images that can slow down a page, but the downfall of some of these cool new features is that it’s not consistent from browser to browser. Developers will  have to adjust code to look as close as possible to the original design, but still look nice on all browsers for box shadow.
I’m excited about these new elements of CSS3, it makes for cleaner, lighter code which ultimately loads faster for the user.

More To Explore

Current360 2024 Predictions crystal ball

2024 Predictions

Thanks to everyone who responded to our 2024 Predictions survey last month. While the sample size wasn’t quite the size of a Pew or Nielsen,

Tradition and digital media crown become digital

The King is dead.
Long Live the King.

No we’re not talking about Charles VII or his father Charles VI. Instead, we’re recognizing the passing of the baton after years of shifts from

Contact Us

"*" indicates required fields

I am not a robot
Ed Sharp Current360 headshot

Ed Sharp

Ed brings 15 years of traditional and digital media sales experience to the agency, giving us a perspective most agencies don’t have. When he’s not working or seeking new knowledge, Ed hangs out with his wife, two kids, two dogs, one cat, and a hamster. And yes, the cat and hamster are best friends.

Chaney Given

Chaney is a talented and accomplished designer and illustrator, who has expanded his skill set to include motion graphics and video editing. With nearly a decade of experience, his client work includes Waterstep, Baptist Health, the Archdiocese of Louisville Catholic Schools, First Harrison Bank, and many more