How to use box shadow in css?


Tags: css

Problem :

Hello I want to use box shadow for div. Any idea how to do that ?

I have use

box-shadow:         3px 3px 5px 6px #ccc;

but not working in firefox.



Solution :

Use :

-moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;

following documents shows it perfectly :

1

2

3


    CSS Howto..

    How to display separate paragraphs in the same area using CSS HTML

    How to draw a line on the baseline of the text in HTML/SVG/CSS

    How to change class of all children with jquery?

    CSS - How to align 2 fields into 1 row?

    how to change “product details” text to my own text in Virtuemart?

    how to align image and text when floating to image

    How to change the color render setting for anchor in a css file?

    How to wrap text to fill a DIV (like in MS-Excel) [duplicate]

    How to make

    Jquery: show IMG on click

    How to add CSS to struts2 tags

    How to change the CSS of entire page/website on click?

    How to add border to a container with transparent gaps in between

    how to convert list item to slider when browser is less than 640px?

    How can I override inline styles with external CSS?

    CSS: How to increase distance between two elements?

    How to handle hiding dynamic elements in JQUERY with different names but same CSS class

    How to prevent default Css scroll onclick and allow javascript event only?

    How to centre a javascript element using inline css? [closed]

    CSS How to animate a transition from opacity 0 upon hover

    How do I make a div expand to the width of the page with css?

    How to position a drop down list nav bar inside header in html css

    How to create DropDown MenuBar using CSS

    How to apply padding to an HTML input element?

    How to create image queue effect using CSS3, jQuery, and HTML? [closed]

    How to put background after anchor tag throw css?

    How to update element.styles css

    How can i Split Menu Bar in two lines

    gwt how to use setStyleName(String style, boolean add) - for a gwt standard widget

    How to display .toggle or .Animate to all connected browser sessions using Meteor