::::|| VU ||:::: Developing Drop-Shadow and Image Hovering Effects with CSS3 - eTechy101.com

A new article has been posted on eTechy101.com.
The post title is 'Developing Drop-Shadow and Image Hovering Effects with CSS3'.
Below is a preview of the post.

Among the several new and exciting properties of CSS3, the drop-shadow and
image-hovering properties are noteworthy. In this tutorial, we would demonstrate
the usefulness of these two properties. The drop-shadow property is a new way of
adding drop shadow effects just by editing a style sheet, which eliminates the
need of Photoshop.

The box-shadow property takes several attributes/values, like any
other CSS property. For example, the horizontal offset of the shadow is a
positive value for shadows on the right of the box, and a negative value for a
shadow on the left of the box. Similarly, for the vertical offset a negative
value means the shadow will be on top, a positive one means the shadow will be
below the box. For the blur radius, a value of 0 makes the shadow sharp, the
higher the number, the more blurred. Finally, the color attribute is pretty much
self-explanatory. As a short example, here's a style sheet rule that will give
a 1px border and a grey drop shadow of 5px to right and bottom of an element.
The shadow has no blur in this instance:

You may view the full post at
http://www.etechy101.com/css/developing-drop-shadow-and-image-hovering-effects-with-css3.html

You received this e-mail because you asked to be notified when new updates are
posted.

Thanks for being a valued member of eTechy101.com

Best regards,

eTechy
http://www.etechy101.com

--
For study materials, past papers and assignments,
Join VU School at www.VusCool.com
and www.VUGuys.com
CoooL Virtual University Students Google Group.
To post to this group, send email to coool_vu_students@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/coool_vu_students?hl=en