michalbednarski

michalbednarski / gist:3742720

Created September 18, 2012 11:41 — forked from madrobby/gist:3733875

Fade out elements on WebKit, Firefox and IE (no overlays, can use non-solid background)

	<style>
	.fade-right {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.75, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask: url(#fade_right_svg_mask);
	filter: alpha(style=1 startX=75 finishX=100);
	}
	#mask_demo {
	background: #d0d0d0;
	height: 100px;
	width: 500px;