1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-23 09:45:56 +01:00
blog/content/posts/2008-04-28-more-awesomeness-from-the-webkit-team-css-masks.md

25 lines
963 B
Markdown
Raw Normal View History

2013-11-18 23:54:59 +01:00
---
2018-07-19 02:22:01 +02:00
type: post
2013-12-09 23:29:19 +01:00
2013-11-18 23:54:59 +01:00
title: 'More awesomeness from the WebKit team: CSS Masks'
2013-12-09 23:29:19 +01:00
author: Matthias Kretschmann
date: 2008-04-28 12:53:18+00:00
2018-07-19 02:22:01 +02:00
2016-04-16 22:22:02 +02:00
tags:
2018-08-30 22:50:09 +02:00
- design
- css
2013-11-18 23:54:59 +01:00
---
2018-07-17 23:26:36 +02:00
![WebKit](../media/webkit.png)They won't stop with their cutting edge love. After having [text-shadow](http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-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.
2013-11-18 23:54:59 +01:00
2018-08-08 22:26:42 +02:00
<!-- more -->
2013-11-18 23:54:59 +01:00
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](http://webkit.org/blog/181/css-masks/))