CSS3 Trickery: A Lesson in Gradients and Masks

Posted by in Code, Design

I’m currently working on a project where one of the designs I’m to implement involves making one of these suckers: However, that’s not all. Based on where the user is amidst these four steps, it will actually end up looking something like this: Normally, I’d achieve this with CSS sprites and be rather sad about it all since whatever I’d be doing would be either a) not semantically correct, or b) terribly convoluted. Luckily, this project is specified to only having to run on Chrome, which I finally get to…read more