cerotis

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;}

Hi I'm trying to get effect such as the picture. Rectangle connected with triangle + gradient opacity. Is it possible ? Thx for help