Yesterday I sat down and implemented a cross-browser (WebKit and Firefox, I don’t count IE) way to achieve a “fade out the element on the right with a mask” effect for our upcoming web app Charm Customer Support—it’s harder than it should be, and here’s how it works: Fist off, for WebKit-based browsers, the -webkit-mask-image … Continue reading Masking HTML elements with gradient-based fadeouts