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

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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

708 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now