CSS3 PIE Forums
http://css3pie.com/forum/

Can I turn off bottom box shadow
http://css3pie.com/forum/viewtopic.php?f=4&t=1900
Page 1 of 1

Author:  shepme [ Wed Nov 21, 2012 2:39 pm ]
Post subject:  Can I turn off bottom box shadow

Good afternoon.
I am using the following:
#foliobox{
position:relative;
border:1px solid #A39601;
margin:0 auto;
margin-top:0px;
padding: 60px 0;
width: 900px;
height:auto;
min-height:790px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px;
-webkit-box-shadow: #A39601 0px 0px 100px;
-moz-box-shadow: #A39601 0px 0px 100px;
box-shadow: #A39601 0px 0px 100px;
background: black;
behavior: url(PIE.htc);}


I love the box shadow effect, but is there a way to program no shadow comming off the bottom. It is getting into my footer menu making it hard to read. I would like the shadow comming out of the top, left and right side only.

Thank very much for any help. I do appreciate it.
Shep

Author:  helsywarner [ Fri Jan 24, 2014 1:32 am ]
Post subject:  Re: Can I turn off bottom box shadow

div {
border:5px solid #4FFFA1;
padding:30px;
background:#F6FFA1;
width:100px;
box-shadow: 5px 0 2px black;
}

Above code create shadow on one side

http://www.corelangs.com/css/box/round.html
css shadow

warner

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/