Scroll Snapping with CSS Snap Points
WebKit now supports paginated scrolling through CSS Snap Points — making sophisticated paginated scrolling a snap.
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…).
Introducing Backdrop Filters
The proposed backdrop-filter property adds a feature that designers have been demanding for some time — allowing for beautiful blur effects.
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.
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.
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.
Styling Scrollbars
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.