-webkit-mask in action

All these close buttons are just one semitransparent black .png. For Webkit users, the close button matches the alert border, by setting the background of the close button to a solid color (e.g. red in the top example) and then setting `-webkit-mask: url(close.png);`.

More by Alan Hogan

View profile