Skip to contentSkip to footer

Experimental Chromium features

Polypane is a browser for developers, so it comes with some experimental Chromium features turned on by default.

This way you can use Polypane to try out upcoming features before they make their way into regular browsers!

Enabled features

Container queries

Container queries using the @container (min-width:20rem) {} notation let you do "responsive design" at a component level, adapting the style to the width of the space for the container rather than the viewport.

Scroll-timeline

With scroll-timeline you can link an animation to the scroll position of an element. This makes it really easy to do parallax style animations.

Prefers-reduced-data

Prefers reduced data is a new media query that lets visitors signal they want to preserve data. You can emulate it in Polypane by going to the emulation section above a pane and toggling "prefers-reduced-data" to "reduce".

We're written a large aticle about what you can do with prefers-reduced-data, read that here: Creating websites with prefers-reduced-data.

Cascade Layers

Add named layers to your CSS using @layer name {} to provide a new way of setting importance without adding more complex CSS selectors

Individual transform properties

Instead of writing transform: scale(1.5), you can write scale: 1.5. This feature is already available in Firefox and Safari and makes it much easier to build complex animations and transforms.

Suggestions?

Have suggestions for things you want enabled in Polypane? Let us know.

PP

Have a question about Polypane?

Contact us any time though chat, Slack or our contact form:

Contact Support

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot