Webkit mask property experiment

Webkit shot

I recently create a full CSS page for a release of a iOS 6 GUI. I took this opportunity to test the webkit mask property (-webkit-mask-image) to make a gradient on the title.

You can see it here : http://playground.christophebeghin.fr/ios6
(check it with safari or chrome).

You can also download the PSD ;)

keyboard shortcuts: previous shot next shot L or F like Z toggle zoom