Enable Cutting-Edge Graphical & Layout Features

Many of the features we are actively implementing can be used today in various browsers:

• iOS 8 Safari
• iOS 7 Safari
• Safari 6.2 and 7.1
• Chrome
• Chrome Canary
• Firefox
• Firefox Nightly
• Opera

iOS 8 Safari  

Features are enabled by default on iOS 8 Safari and do not require a flag.

Features Available

• Shapes
• Regions
• Blend Modes
• Canvas Paths
• Clipping & Masking
• Filter Effects

iOS 7 Safari  

Features are enabled by default on iOS 7 Safari and do not require a flag.

Features Available

• Regions
• Canvas Paths
• Clipping & Masking
• Filter Effects

Desktop Safari 6.2 and 7.1  

Features are enabled by default on Desktop Safari 6.2 and 7.1 and do not require a flag.

Features Available

• Shapes
• Regions
• Blend Modes
• Canvas Paths
• Clipping & Masking
• Filter Effects

WebKit Nightly  

WebKit Nightly builds can be downloaded from the WebKit Nightly page. Features are enabled by default and do not require a flag.

Features Available

• Shapes
• Regions
• Blend Modes
• Canvas Paths
• Clipping & Masking
• Filter Effects

Chrome  

Chrome can be downloaded from the Google Chrome page.

Features Available

• Shapes
• Blend Modes
• Canvas Paths
• Clipping & Masking
• Filter Effects

To enable Blend Modes

1. Copy and paste chrome://flags/#enable-experimental-web-platform-features into the address bar, then press enter.
2. Click the ‘Enable’ link within that section.
3. Click the ‘Relaunch Now’ button at the bottom of the browser window.

Note: Multiple features can be enabled before relaunching.

Chrome Canary  

Chrome Canary builds can be downloaded from the Google Chrome Canary page.

Features Available

• Shapes
• Blend Modes
• Canvas Paths
• Clipping & Masking
• Filter Effects

To enable Blend Modes

1. Copy and paste chrome://flags/#enable-experimental-web-platform-features into the address bar, then press enter.
2. Click the ‘Enable’ link within that section.
3. Click the ‘Relaunch Now’ button at the bottom of the browser window.

Note: Multiple features can be enabled before relaunching.

Firefox  

Firefox can be downloaded from the Firefox download page. Features are enabled by default and do not require a flag.

Features Available

• Blend Modes
• Custom Properties

Firefox Nightly  

Firefox Nightly can be downloaded from the Firefox nightly builds page.

Features Available

• Blend Modes
• Custom Properties
• Filter Effects

To enable Filter Effects

1. Copy and paste about:config into the address bar, then press enter.
2. Click the button that says “I’ll be careful, I promise!”.
3. Copy and paste layout.css.filters.enabled into the Search box.
4. Double click on the layout.css.filters.enabled Preference Name. The Value should change to true.

Opera  

Opera can be downloaded from the Opera home page.

Features Available

• Shapes (requires version 24+)
• Blend Modes (requires version 22+)
• Canvas Paths (requires version 17+)
• Clipping & Masking (requires version 17+)
• Filter Effects (requires version 17+)

To enable Blend Modes

1. Copy and paste opera://flags/#enable-experimental-web-platform-features into the address bar, then press enter.
2. Click the ‘Enable’ link within that section.
3. Click the ‘Relaunch Now’ button at the bottom of the browser window.

Note: Multiple features can be enabled before relaunching.