Bigmaster

/Page/Html/text_shadow

Shadow

HTML
<div style="font-size: 50px; color:darkred; padding:5px 0; text-align:center; font-weight:bold; text-shadow: #222 0 15px 80px; display: block; text-transform: uppercase;">Shadow</div>
CSS
{color:darkred; text-shadow: #222 0 15px 80px; }

Shadow

HTML
<div style="background:#000;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#990000;font-weight:bold;text-shadow:-1px -1px #fff9c7,1px 1px #fff9c7,2px 2px #ccb427,3px 3px #ddc583,4px 4px #eed694;">Shadow</div>
CSS
{background:#000;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#990000;font-weight:bold;text-shadow:-1px -1px #fff9c7,1px 1px #fff9c7,2px 2px #ccb427,3px 3px #ddc583,4px 4px #eed694;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px 1px 1px #000;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:22px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px 1px 1px #000;}

Shadow

HTML
<div style="background:#000;padding:5px 0;text-align:center;color:#990000;text-shadow:3px 3px #fff,-1px -1px #fff,2px 2px #afafaf,3px 3px #bfbfbf,4px 4px #cfcfcf;font-size:40px;">Shadow</div>
CSS
{background:#000;padding:5px 0;text-align:center;color:#990000;text-shadow:3px 3px #fff,-1px -1px #fff,2px 2px #afafaf,3px 3px #bfbfbf,4px 4px #cfcfcf;font-size:22px;}

Shadow

HTML
<div style="color: #fff; text-shadow: #eee 0 0 10px, #777 0 5px 4px, #777 0 4px 3px; font-size: 50px; text-align: center; padding: 5px 0; margin: 0; font-weight: bold; text-transform: uppercase;background:#E6b960;">Shadow</div>
CSS
{color: #fff; text-shadow: #eee 0 0 10px, #777 0 5px 4px, #777 0 4px 3px; font-size: 50px; text-align: center; padding: 5px 0; margin: 0; font-weight: bold; text-transform: uppercase;background:#E6b960;}

Shadow

HTML
<div style="font-size: 50px; color:black; text-align:center; font-weight:bold; text-shadow: #999 0 0 10px, #fff 0 4px 3px, #ccc 0 12px 1px, #ddd 0 14px 5px, #eee 0 15px 80px; display: block; text-transform: uppercase;">Shadow</div>
CSS
{font-size: 50px; color:black; text-align:center; font-weight:bold; text-shadow: #999 0 0 10px, #fff 0 4px 3px, #ccc 0 12px 1px, #ddd 0 14px 5px, #eee 0 15px 80px; display: block; text-transform: uppercase;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:3px 6px #777;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:3px 6px #777;}

Shadow

HTML
<div style="font-size: 50px; padding:5px 0; color:darkred; text-align:center; font-weight:bold; text-shadow: #fff 0 0 10px, #fff 0 4px 15px, #fff 0 12px 1px, #ddd 0 14px 5px, #222 0 15px 80px; display: block; text-transform: uppercase;">Shadow</div>
CSS
{font-size: 50px; padding:5px 0; color:darkred; text-align:center; font-weight:bold; text-shadow: #fff 0 0 10px, #fff 0 4px 15px, #fff 0 12px 1px, #ddd 0 14px 5px, #222 0 15px 80px; display: block; text-transform: uppercase;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:0 5px 7px #777;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:0 5px 5px #777;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px -2px #777;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px -2px #777;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px 2px #777;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:1px 2px #777;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:0 1px 1px #888;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow:0 1px 1px #888;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow: -1px -1px 3px #000, 1px 1px 1px #000;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow: -1px -1px 3px #000, 1px 1px 1px #000;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;font-weight:bold; color:#064475; text-shadow: 1px 2px 1px #9ad2fe, -1px -2px 1px #1895f7;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;font-weight:bold; color:#064475; text-shadow: 1px 2px 1px #9ad2fe, -1px -2px 1px #1895f7;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;font-weight:bold; color:#9a9d0b; text-shadow: 1px 1px #404206, 2px 2px #727415, 3px 3px #727415, 4px 4px #727415, 5px 5px #727415, 6px 6px #727415, 7px 7px #404206, 8px 8px 7px #000;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;font-weight:bold; color:#9a9d0b; text-shadow: 1px 1px #404206, 2px 2px #727415, 3px 3px #727415, 4px 4px #727415, 5px 5px #727415, 6px 6px #727415, 7px 7px #404206, 8px 8px 7px #000;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow: 0px 1px #577079, 0px 2px #577079, 0px 3px #577079, 0px 4px #577079, 0px 5px #577079, 0px 6px #577079, 0px 7px #577079, 0px 7px 10px #333;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold;text-shadow: 0px 1px #577079, 0px 2px #577079, 0px 3px #577079, 0px 4px #577079, 0px 5px #577079, 0px 6px #577079, 0px 7px #577079, 0px 7px 10px #333;}

Shadow

HTML
<div style="background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold; text-shadow: -1px -1px 0px #ddd, 2px 1px 0px #f93e47, 4px 2px 0px #f59b0f, 6px 3px 0px #f5dc0f, 8px 4px 0px #19a305, 10px 5px 0px #057fa3, 12px 6px 0px #052aa3, 14px 7px 0px #7605a3, 14px 8px 2px #000, 14px 5px 10px #000;">Shadow</div>
CSS
{background:#E6b960;padding:5px 0;font-size:40px;text-align:center;width:auto;color:#FFF;font-weight:bold; text-shadow: -1px -1px 0px #ddd, 2px 1px 0px #f93e47, 4px 2px 0px #f59b0f, 6px 3px 0px #f5dc0f, 8px 4px 0px #19a305, 10px 5px 0px #057fa3, 12px 6px 0px #052aa3, 14px 7px 0px #7605a3, 14px 8px 2px #000, 14px 5px 10px #000;}

SHADOW

HTML
<div style="font-size: 40px; color: #444; text-align:center; font-weight: bold; text-shadow: -2px -2px 5px yellow, 0px 1px 0px red; padding: 5px 0; background: #888;">SHADOW</div>
CSS
{font-size: 40px; color: #444; text-align:center; font-weight: bold; text-shadow: -2px -2px 5px yellow, 0px 1px 0px red; padding: 5px 0; background: #888;}

SHADOW

HTML
<div style="font-size: 40px; text-align:center; font-weight: bold; color: #f00; text-shadow: 1px 1px #ff0, 2px 2px #fd0, 3px 3px #f80, 4px 4px #f40, 5px 5px #f00, -1px 1px #ff0, -2px 2px #fd0, -3px 3px #f80, -4px 4px #f40, -5px 5px #f00, 1px -1px #ff0, 2px -2px #fd0, 3px -3px #f80, 4px -4px #f40, 5px -5px #f00, -1px -1px #ff0, -2px -2px #fd0, -3px -3px #f80, -4px -4px #f40, -5px -5px #f00;">SHADOW</div>
CSS
{font-size: 40px; text-align:center; font-weight: bold; color: #f00; text-shadow: 1px 1px #ff0, 2px 2px #fd0, 3px 3px #f80, 4px 4px #f40, 5px 5px #f00, -1px 1px #ff0, -2px 2px #fd0, -3px 3px #f80, -4px 4px #f40, -5px 5px #f00, 1px -1px #ff0, 2px -2px #fd0, 3px -3px #f80, 4px -4px #f40, 5px -5px #f00, -1px -1px #ff0, -2px -2px #fd0, -3px -3px #f80, -4px -4px #f40, -5px -5px #f00;}