navyseal244
New Member
I want to have left side of the inner div to be blurred, I mean I don't want to have such sharp edge. But only on the left side, right side is fine. any idea how to do this?http://jsfiddle.net/9UaKX/8/\[code\].wrapper { position: relative; width: 300px; height: 400px; background-color: #d1d571;}.aaa { background : -moz-linear-gradient(top, #d1d571, #a1a561); /* Firefox 3.6+ */ background : -webkit-gradient(linear, left top, left bottom, from(#F5F5DC), to(#A9A9A9)); /* Safari & Chrome */ filter : progid
XImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#888888'); /* IE 5.5 - 7 */ -ms-filter : "progidXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#888888)"; /* IE 8 */ position: absolute; margin: 40px; width: 200px; height: 300px;}\[/code\]
XImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#888888'); /* IE 5.5 - 7 */ -ms-filter : "progidXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#888888)"; /* IE 8 */ position: absolute; margin: 40px; width: 200px; height: 300px;}\[/code\]