Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: not2easy

Help with dropshadow

box-shadow syntax

   
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
4:35 pm on Oct 31, 2011 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



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.
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
9:35 pm on Oct 31, 2011 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



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

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month