CSS Font Features

CSS Font Features

Font features are a way to enable advanced text styles and effects as designed by the font author.

Read more

Scroll Snapping with CSS Snap Points

Scroll Snapping with CSS Snap Points

WebKit now supports paginated scrolling through CSS Snap Points — making sophisticated paginated scrolling a snap.

Read more

Complex CSS Selectors Inside Selectors

Complex CSS Selectors Inside Selectors

WebKit supports many selectors defined in the draft of CSS Selectors Level 4 — like matches(), not(), nth-child(…of…) and nth-last-child(…of…).

Read more

Introducing Backdrop Filters

Introducing Backdrop Filters

The proposed backdrop-filter property adds a feature that designers have been demanding for some time — allowing for beautiful blur effects.

Read more

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