Cascading Style Sheets

Posted on 2000-02-19
Last Modified: 2013-11-19
What is "Drop Shadow" technique in CSS and what are its syntax??
Question by:singh_balinder
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Accepted Solution

cabrionet earned 50 total points
ID: 2538732
The Drop Shadow Filter
Drop shadows are nice, but the oft overused Photoshop effect takes otherwise bandwidth friendly ASCII text and turns it into a hulking bit-hungry GIF. Well, no more! Because with the simple but elegant drop shadow filter you can apply drop shadows to text (and, less desirably, images) with the greatest of ease. What's even more interesting is that you can then play around with the shadow using JavaScript.

ID = "dropText"
STYLE = "width: 420; height: 80; font-size: 36pt;
font-family: Arial; color: #FFFF00;
filter: dropShadow(color=#009000, offX=20, offY=20, positive=1)">
Drop in the bucket </DIV>

This anwser is from the site:
Visit this site.... there is all you want to know.

Expert Comment

ID: 2543344
Are filters supported by NS?  I didn't think so.

Expert Comment

ID: 2544068
Drop Shadow is for now MS only. We must wait for NS Communicator 9.96. ... :(
LVL 14

Expert Comment

ID: 2552177
Which means - filters are not only IE , they are also , Windows only , So , Using them  will effect , only 50% of clients.

Author Comment

ID: 2556445
Thanks alot for your help.

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

736 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question