Skip to content

Instantly share code, notes, and snippets.

@taylorhughes
Forked from madrobby/gist:3733875
Created September 17, 2012 06:27
Show Gist options
  • Save taylorhughes/3735840 to your computer and use it in GitHub Desktop.
Save taylorhughes/3735840 to your computer and use it in GitHub Desktop.
Fade out to solid color on WebKit and Firefox and IE
<style>
#mask-demo {
background: #d0d0d0;
height: 100px;
width: 500px;
padding: 10px;
position: relative;
overflow: hidden;
}
.fade-right .mask {
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff));
background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,
startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF');
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
}
</style>
<div id="mask-demo" class="fade-right">
Bacon ipsum dolor sit amet pig capicola flank drumstick tri-tip cow pork. Tenderloin pork belly ham cow chuck strip steak andouille fatback beef ribs. Tongue jowl pig chicken flank drumstick pancetta strip steak capicola biltong. Swine jowl beef ribs filet mignon spare ribs, beef bresaola tail venison pork loin pancetta prosciutto meatloaf fatback turkey. Bresaola turducken beef ribs ribeye salami chicken hamburger meatloaf. T-bone spare ribs rump, strip steak tongue sirloin biltong capicola corned beef bresaola. Swine ham tail filet mignon t-bone flank.
<div class="mask"><!-- this is not semantic --></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment