New in CSS3: background-clip: text

While webmasters argue about browsers and standards , WebKit is doing business :) This week, CSS3 developers presented a new property called background-clip: text , which allows you to superimpose any background / image on text, borders, and even shadow without overlapping them, but realizing something similar to the “mask” function in Photoshop.

The code looks like this:




Hello, world!


Result:

Cute, isn't it? :) Surely, soon Safari and FireFox users will be able to apply this property.

A few more screenshots of the new property can be found here:
- text with shadow
- text with stroke
- text with underline
')
A source

Cross Post Blog for Webmasters