homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Help with dropshadow
box-shadow syntax

 3:12 pm on Oct 31, 2011 (gmt 0)


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

<style type="text/css">
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?




 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.


 7:32 pm on Oct 31, 2011 (gmt 0)

here is the solution

<style type="text/css">
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); }



 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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved