Skip to content

Instantly share code, notes, and snippets.

Avatar

Thomas Beverley Thomas101

View GitHub Profile
@Thomas101
Thomas101 / gist:3736215
Created Sep 17, 2012 — forked from madrobby/gist:3733875
Fade out elements on WebKit and Firefox
View gist:3736215
<style>
#content {
background: #d0d0d0;
height: 100px;
width: 500px;
position: absolute;
top: 0px;
left: 0px;
}
@Thomas101
Thomas101 / gist:3736201
Created Sep 17, 2012 — forked from madrobby/gist:3733875
Fade out elements on WebKit and Firefox
View gist:3736201
<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);
}
#mask_demo {
background: #d0d0d0;
height: 100px;
width: 500px;
padding: 10px;