Use Clip Path to Vary Your Designs on the Web

Опубликовано: 07 Октябрь 2024
на канале: Layout Land
25,171
949

Everything on the web is a rectangle, but it doesn't have to be. Use the Clip Path property to alter elements in your layouts to be polygons, circles, triangles, and more.

My simple clip-path demo: http://labs.jensimmons.com/2016/examp...

Wide Hive: http://www.widehive.com

Clip path on MDN: https://developer.mozilla.org/en-US/d...

Support for clip-path on Can I Use: https://caniuse.com/#feat=css-clip-path

Don't forget to use a `-webkit-` prefix to get `clip-path` to work in Safari and other webkit browsers.