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 ;)

  • Icon shotstat like
  • Icon shotstat drop

More from Christophe Béghin

  1. Dribbble Slideshow - CSS3 Animation
  2. An other dropdown - mediaqueries.me
  3. Landing page - mediaqueries.me
  4. Choose a device... - mediaqueries.me


keyboard shortcuts: L or F like post comment