homepage Welcome to WebmasterWorld Guest from 50.17.174.94
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
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 :)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved