The release of Firefox 54 is just around the corner and it will introduce new features into an already cool CSS property:
clip-path is a property that allows us to clip (i.e., cut away) parts of an element. Up until now, in Firefox you could only use an SVG to clip an element:
But with Firefox 54, you will be able to use CSS shapes as well: insets, circles, ellipses and polygons!
Note: this post contains many demos, which require support for
mask. To be able to see and interact with every demo in this post, you will need Firefox 54 or higher.
It’s important to take into account that
... read the whole story at hacks.mozilla.org.