| Help with dropshadow
box-shadow syntax |
DougHockey
msg:4381631 | 3:12 pm on Oct 31, 2011 (gmt 0) |
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
msg:4381679 | 4:35 pm on Oct 31, 2011 (gmt 0) |
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
msg:4381773 | 7:32 pm on Oct 31, 2011 (gmt 0) |
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
msg:4381823 | 9:35 pm on Oct 31, 2011 (gmt 0) |
... or, then again, it may be the first number. Oops :)
|
|
|
