Versions

CSS3_Shadowextra.fwaction (2013-03-17) (Downloaded 140 times)

Contains:

  • CSS3 Shadows extra (item-action) - v. 0.5

Compatible: Pro 5, Pro 5.5, and Pro 6

CSS3_Shadowextra.fwaction (2011-07-25) (Downloaded 2 times)

Contains:

  • CSS3 Shadows extra (item-action) - v. 0.4

Compatible: Pro 4 and Pro 5

Author: Walter Davis

css3

This action is an update to Walter’s CSS3 Shadow action that enables you to add a drop shadow or inset shadow to any html element on a page. It also adds the spread function which controls the width of the spread of the blur. This is the easy way to add a shadow to html elements without using any images.

Decide whether you want the shadow on the outside or inside (inset) the Select the x and y offsets (negative numbers add the shadow to the left and top!), Choose the blur amount and the spread (a negative number shrinks the shadow area), and the color, and you’re good to go. This works in Safari 3.5, Firefox 3.1 Google Chrome 4.0, Opera 10.5 and IE 9. Will also render well on iPhones.

Demo

1 Comment

I am very impressed with your CSS3 shadows. When I view your examples on my iPad, in portrait mode, they view beautifully. if I view them, in landscape mode, some of the shadows disappear. Is there a reason for this? With warm regards, David

Sign In or Sign Up to comment.