Using the System Font in Web Content

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.

Read more

Improved Support for Images on High-Resolution Displays

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.

Read more

CSS3 Gradients

CSS3 Gradients

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.

Read more

3D Transforms

3D Transforms

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.

Read more

Styling Scrollbars

Styling Scrollbars

WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas.

Read more

CSS Animation

CSS Animation

WebKit now supports explicit animations in CSS.

Read more

CSS Reflections

CSS Reflections

WebKit now supports reflections in CSS.

Read more

CSS Canvas Drawing

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.

Read more

Introducing CSS Gradients

Introducing CSS Gradients

NOTE: The syntax for CSS gradients in WebKit presented here is deprecated and should not be used.

Read more

CSS Animation

CSS Animation

We have another cool new CSS feature to talk about: animation specified in CSS.

Read more

CSS Transforms

CSS Transforms

WebKit now has rudimentary support for specifying transforms through CSS.

Read more

Downloadable Fonts

Downloadable Fonts

WebKit now supports CSS @font-face rules.

Read more