answersLogoWhite

0


Best Answer
  • CSS stands for Cascading Style Sheets
  • Styles define how to display HTML elements on a web page

CSS3 is the third generation (level 3) of CSS.

CSS3 offers a bunch of new ways you can write CSS rules with new CSS selectors, as well as a new combinator, and some new pseudo-elements.

The box-shadow property of CSS3 allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset.

For example,

#myshadow1 {

box-shadow: 10px 10px 5px #8a8a8a;

}

The first two attributes of each of the properties are the horizontal and vertical offsets for the shadow, the third is the blur radius, and the final one sets the color of the drop shadow.

For browser compatibilities, you will need to write something like this:

-moz-box-shadow: 3px 3px 3px #8a8a8a;

-webkit-box-shadow: 3px 3px 3px #8a8a8a;

box-shadow: 3px 3px 3px #8a8a8a;

User Avatar

Wiki User

12y ago
This answer is:
User Avatar

Add your answer:

Earn +20 pts
Q: What is css3 drop shadow?
Write your answer...
Submit
Still have questions?
magnify glass
imp
Related questions

What are some CSS3 properties that can be used now that work in most modern browsers?

There are several CSS3 properties that will work in most of the major modern browsers of Firefox, Opera, Safari, and Chrome. Internet Explorer, renders very few of them, but most of them won't work until Internet Explorer 9. Some CSS3 properties that you can begin using now for non-critical design elements include text-shadow, border-radius, box-shadow, box-sizing, columns, border-image, RGBA colors (which allows for transparency), embedded fonts via @font-face, and transitions.


How do you give shadow of picture in Photoshop?

From Layer > Layer Style > Drop Shadow.


How do you add shadow in gimp?

Filters > Lights and Shadows > Drop Shadow, etc.


How do you add a drop shadow in excel 2007?

It depends on what you are trying to add it to. You are not able to add a drop shadow effect to a cell, but you can add add a drop shadow to charts and some other objects. It just depends on what you are trying to do. If the object allows drop shadow effects, you will get to the option through the object's format options. Right-click on the object and select the format option (will be in different locations on the drop-down menu, depending on the object) and follow the directions in the format window.


What is the difference between CSS box shadow and CSS filter drop-shadow?

A CSS box shadow effect is applied to the outer layer of an element while the filter drop-shadow, an experimental property, follows the rendered shape of any element including pseudo elements, such as a tootip with an arrow. A filter drop-shadow also takes into account the transparent aspects of a .png image.


What is latest version of css?

The latest version of css is css3


What is the latest version of css?

The latest version of css is css3


What is a drop shadow?

That's a visual effect which shows the shadow of an object, giving the impression that the object is raised above the objects behind it.


What steps do you take to apply a drop shaddow to a font or sentence in adobe photoshop?

After finished typing it out in the desired font etc., double click on the layer the font is on. A window will pop up. In the window, on the left "drop shadow" is listed. Click on the WORDS "drop shadow" (clicking on the check mark will not immediately give you the ability to edit the shadow). When finished press OK.


Do you have to drop the fuel tank to replace the fuel pump on a dodge shadow?

Yes


Where dis the evil rep shop where you get the shadow terror axe?

You don't get it at a shop. You get it from the shadow terror in battleundera. It has a VERY low drop rate.


Can a shadow person be your friend?

yes - but only if there is some definite advantage to the shadow person in the relationship. They are known to be very self-serving and if there isn't any such advantage for them then they will drop you with profound indifference.