Help with dropshadow

box-shadow syntax

[DougHockey]

Hello.

I am using this coding for a drop-shadow (thanks to whomever originally posted it out there)

<style type="text/css">
.shadowblur{
box-shadow: 7px 7px 8px #C0C0C0;
-webkit-box-shadow: 7px 7px 8px #C0C0C0;
-moz-box-shadow: 7px 7px 8px #C0C0C0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C0C0C0, offX=7, offY=7, positive=true); }

<div class="shadowblur" style="width:600pt; height:450pt; padding:5px; background:white; border: 1px solid white;">

Current, it shadows on the bottom and right side.
How can I change it around to shadow on the bottom and left sides?

-DH

[lucy24]

Changing to a negative number should do it. Don't have time to look it up now, but I think the second number is the horizontal offseet.

[zabalex]

Hi,
here is the solution

<style type="text/css">
.shadowblur{
box-shadow: -7px 8px 7px #C0C0C0;
-webkit-box-shadow: -7px 8px 7px #C0C0C0;
-moz-box-shadow: -7px 8px 7px #C0C0C0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C0C0C0, offX=0, offY=0, positive=true); }
</style>

regards
zabalex

[lucy24]

... or, then again, it may be the first number. Oops :)