From the course: CSS: Images

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Clip-path: Path

Clip-path: Path

From the course: CSS: Images

Start my 1-month free trial Buy for my team

Clip-path: Path

“

- [Instructor] There's one more basic shape you can use with cliff path, it's called path and it allows you to define any path you want and use it as a clipping path. However, this is bleeding edge so it doesn't work in old browsers. And it also doesn't work the same way as the other eclipse paths. So let me show you how it works because it's a good stepping stone into using SVG filters. But at the same time, be aware that this is probably not something you're going to use a lot, you'll see why in a second. The path attribute allows you to define an actual path. You can draw whatever you want and make it into the path, but you can't really do that in the browser because the markup is quite complex. To draw the path, you need a tool like Adobe illustrator and this is where the complication starts. So for this example, I went in and found out what the size is of the current box. I just right click on the box and then I…

Contents