Create CSS drop shadows the easy way
In most of our Web Development projects, we also design the majority of the builds and have discoved something that our design team likes to add to most of their designs; Box Drop Shadows. These give a box more depth and just give the element a bit more than just a flat appearance.
As a Web Developer we would use an image to achieve this look, we could also create the shadow with CSS3 but then we would run into problems within Internet Explorer, so it's generally a safer option to just use an image.
We can now create these drop shadows with a great little jQuery plugin called pShadow
pShadow, short for ‘paper shadow’, is a jQuery extension that adds realistic drop shadows to HTML elements, which works in Internet Explorer (IE8, IE7, IE6 with some clever trickery), Firefox, Chrome, Safari, Opera, and any other modern browser you care to mention. It’s free to download and use, and you can see an example on the demo page.
welcome to our world...
...a world that couples everything that is great in design, advertising and new media. With a spirited team that collectively holds decades of media related experience in a variety of fields. We pride ourselves on our unbeatable service, efficient creative and jargon-free solutions.
Happy and friendly, we believe that forming lasting relationships is key and we're confident you won't fail to be chuffed with our down-to-earth style and effective results.
Be part of our world... Contact us>