This is the Weblog of Designer, Developer & Photographer Matthias Kretschmann more...

28thApr 08

More awesomeness from the WebKit team: CSS Masks

WebKitThey won’t stop with their cutting edge love. After having text-shadow implemented since many years and having a bunch of other cool stuff implemented like CSS gradients or CSS box-shadow the WebKit team freshly announced a new cool feature: CSS alpha masks.

From the Surfin’ Safari Blog:

WebKit now supports alpha masks in CSS. Masks allow you to overlay the content of a box with a pattern that can be used to knock out portions of that box in the final display. In other words, you can clip to complex shapes based off the alpha of an image.

It even can be applied to a video-element.

(Via Surfin’ Safari)

About Matthias

Freelance designer, front-end developer and photographer who just loves creating beautiful things.

Tags: , , , ,



2 Responses

  1. I am a fan of CSS masks. This is really one great feature.

  2. Hello everyone, I just had to write it down that this specific website’s look is totally cool according to my own limited understanding.

Trackbacks

Leave a Reply

↓ Comment Guidelines ↓
  • Please remain on topic, respect other commenters and don't spam!
  • Uncivilized and spam comments will be deleted!
  • You are free to use basic HTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments Feed for this post

top