clip-path
Specifies a basic shape or references a clipPath element to create a clipping path. 5.1 Clipping Shape: the clip-path property
Links about clip-path
How to use CSS clipping
Using clipping in CSS can help us move away from everything in our designs looking like a box. By using various basic shapes, or an SVG, you can create a clip path. Then cut away the parts of an element you don’t want to show.
Unfortunately, clip-path: path() is Still a No-Go | CSS-Tricks
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the
clip-path | CSS-Tricks
The clip-path property in CSS allows you to specify a specific region of an element to display, rather than showing the complete area. There used to be a
Code sample
div {
clip-path: polygon(15px 99px, 30px 87px, 65px 99px, 85px 55px);
}
Explore other pages
- await
Used to wait for a Promise.
- svg
SVG is a language for describing two-dimensional graphics.
- section
Represents a generic section of a document or application.
- scroll-behavior
Specifies the scrolling behavior for a scrolling box.