Profile cover photo
Profile photo
WebKit
3,902 followers -
Unofficial page about WebKit, an open source web browser engine.
Unofficial page about WebKit, an open source web browser engine.

3,902 followers
About
WebKit's posts

Post has attachment
Timothy Horton landed support for the CSS4 Images cross-fade() function. It can be used as a value for any property that expects an image, such as background-image and border-image, and will render a cross faded combination of the two images (including gradients) given.

The syntax is as follows:

background-image: -webkit-cross-fade(
url("background.png"),
url("foreground.png"),
50%);

Other use-cases include tinting an image with a solid color, fading it out using a linear gradient or highlighting part of the image using a radial gradient.

WebKit's implementation is currently available in WebKit nightlies, and is not completely finished yet. Support for animating cross-fades is still pending, and it's likely that there still are bugs as well.

The commit: http://trac.webkit.org/changeset/100535
Specification: http://dev.w3.org/csswg/css4-images/Overview.src.html#cross-fade-function

WebKit nightlies: http://nightly.webkit.org/
Examples: http://peter.sh/files/examples/cross-fading.html

Post has attachment
The rewritten implementation of the CSS Flexible Box Layout module has just been enabled! It doesn't only align WebKit much more accurately with the specification, but also delivers a lot more performance! +Ojan Vafai +Tony Chang

While not the entire specification has been implemented yet, it's definitely mature enough to replace the old implementation. Keep an eye out on http://webkit.org/b/62048 for updates on the missing features.

The commit: http://trac.webkit.org/changeset/100198
Specification: http://www.w3.org/TR/css3-flexbox/
Wait while more posts are being loaded