Jump to content

Shadow on shape


cerotis
 Share

Recommended Posts

How can i remove this shadow ? Tried few things but the problem is still there...

#bottom-slider {position: absolute;text-align: center;bottom: -67px;height: 110%;width: 208px;}#bottom-slider:before, #bottom-slider:after {-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);-webkit-box-shadow: 0px 5px rgba(0,0,0,1);box-shadow: 0px 0px 5px rgba(0,0,0,1);}#bottom-slider:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;width: 104px;-webkit-transform: skew(0deg, 33deg);-moz-transform: skew(0deg, 33deg);-ms-transform: skew(0deg, 33deg);-o-transform: skew(0deg, 33deg);transform: skew(0deg, 33deg);background: rgb(0,0,0); /* Old browsers */background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(16,16,15,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(16,16,15,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(16,16,15,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(16,16,15,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(16,16,15,1) 100%); /* IE10+ */background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(16,16,15,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#10100f',GradientType=1 ); /* IE6-9 */z-index: 0;}#bottom-slider:after {content: '';position: absolute;bottom: 0;right: 0;height: 100%;width: 104px;-webkit-transform: skew(0deg, -33deg);-moz-transform: skew(0deg, -33deg);-ms-transform: skew(0deg, -33deg);-o-transform: skew(0deg, -33deg);transform: skew(0deg, -33deg);background: rgb(16,16,15); /* Old browsers */background: -moz-linear-gradient(left,  rgba(16,16,15,1) 0%, rgba(32,32,30,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(16,16,15,1)), color-stop(100%,rgba(32,32,30,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(16,16,15,1) 0%,rgba(32,32,30,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(16,16,15,1) 0%,rgba(32,32,30,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(16,16,15,1) 0%,rgba(32,32,30,1) 100%); /* IE10+ */background: linear-gradient(to right,  rgba(16,16,15,1) 0%,rgba(32,32,30,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10100f', endColorstr='#20201e',GradientType=1 ); /* IE6-9 */z-index: 0;}

post-162987-0-79289400-1372048447_thumb.png

Edited by cerotis
Link to comment
Share on other sites

I don't know what the html is like but this might be of help: #bottom-slider:before, #bottom-slider:after {-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);-webkit-box-shadow: 0px 5px rgba(0,0,0,1);box-shadow: 0px 0px 5px rgba(0,0,0,1);} Just zero out the 5px.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...