Box Shadow

HTML

<span id="text1">Here is a span with a shadow</span>

CSS

#text1
{
    border: 1px black solid;
    box-shadow: 3px 31px 5px gray;
}

/*
box-shadow parameters:
param1 is the "horizontal length" - how far it sticks out to the right of the shadowed element (or to the left if it is negative)
param2 is the "vertical length" - how far it sticks out to the bottom of the shadowed element (or to the top if it is negative)
param3 is the "blur radius" - makes the shadow more or less blurry. this can affect the actual dimensions of the shadow. if this is 0, then the
  shadow conforms strictly to the vertical and horizontal length. if this is left out it will be treated as 0
param4 is the color of the shadow
*/

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

All ads in the editor and listing pages are turned completely off.
Use pre-released features

You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections

Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles

You can make as many Private Fiddles, and Private Collections as you wish!
Console

Debug your Fiddle with a minimal built-in JavaScript console.

Box Shadow

HTML

CSS

Please Whitelist JSFiddle in your content blocker.

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

Use pre-released features

Fiddle collections

Private collections and fiddles

Console