Menu

1 / 7

What’s !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More | CSS-Tricks

CSS-Tricks·Daniel Schwarz·6 months ago
#1gPRU426
#css-tricks#chrome#view#transitions#safari
Reading 0:00
15s threshold

This issue of What’s !important brings you clip-path jigsaws, a view transitions toolkit, name-only containers, the usual roundup of new, notable web platform features, and more.

Creating a jigsaw puzzle using clip-path

Amit Sheen demonstrated how to create a full jigsaw puzzle using clip-path . While I doubt that you’ll need to create a jigsaw puzzle anytime soon, Amit’s walkthrough offers a fantastic way to acquaint yourself with this evolving CSS property that’s becoming more and more popular every day.

For example, Chrome Canary shipped rounded clip-path polygons only last week:

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome.

This is one of my favorite CSS features!…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.