Using the System Font in Web Content
On iOS 9 and OS X El Capitan, specifying “font-family: -apple-system” allows you to use Apple’s new system font: San Francisco.
Improved Support for Images on High-Resolution Displays
WebKit now supports the srcset attribute on image elements to specify higher-quality images for your users.
Introduction WebKit paved the way for gradients in CSS by adding support for -webkit-gradient back in early 2008, and they’ve become widely used since their introduction.
WebKit on Mac OS X now has support for CSS 3D transforms, which allow you to position elements on the page in three-dimensional space using CSS.
WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas.
CSS Canvas Drawing
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.
Introducing CSS Gradients
NOTE: The syntax for CSS gradients in WebKit presented here is deprecated and should not be used.
We have another cool new CSS feature to talk about: animation specified in CSS.
WebKit now has rudimentary support for specifying transforms through CSS.