Surfin’ Safari

Archive for April, 2008

CSS Reflections

Posted by Dave Hyatt on Tuesday, April 29th, 2008 at 1:07 pm

WebKit now supports reflections in CSS. Continuing the trend of using adorable baby photos to make features appear more impressive, let me introduce Kate again.

A reflection is a replica of the original object with its own specific transform and mask. The box-reflect property can be used to specify the specialized transform [...]

CSS Masks

Posted by Dave Hyatt on Thursday, April 24th, 2008 at 11:53 am

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.
Here is a [...]

WebKit GSoC Students Announced

Posted by Eric Seidel on Monday, April 21st, 2008 at 12:10 pm

Google has released the list of students they will be sponsoring to work on WebKit as part of the Google Summer of Code this year. Congratulations to all of the students. We look forward to working with you closely this summer!
Thank you again to all the great students who applied! Unfortunately we [...]

CSS Canvas Drawing

Posted by Dave Hyatt on Thursday, April 17th, 2008 at 11:33 am

Currently the set of images you can use from CSS consists of the following:
Bitmap Images (PNG, GIF, JPG)
SVG Images
Gradients
A notable missing ability when compared with explicit DOM content is programmatic drawing into CSS images. The <canvas> element represents a foreground bitmap image that can be drawn into programmatically, but - aside from inefficient hacks [...]

Introducing CSS Gradients

Posted by Dave Hyatt on Monday, April 14th, 2008 at 12:39 pm

WebKit now supports gradients specified in CSS. There are two types of gradients: linear gradients and radial gradients.
The syntax is as follows:
-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)
The type of a gradient is either linear or radial.
A point is a pair of space-separated values. The syntax supports numbers, percentages or the [...]