The Most Secure Cross Browser Testing Platform since 2012

Blog

Cross Browser clip-path property

shutterstock_234378844
BLOG / Web Development

Cross Browser clip-path property

Clip-path property is the method of defining the visible region of an element using svg or a shape definition.

Browser Support

Sadly this feature is currently not supported by any browser.

Code Example

You can use clip-path property like this:

#test {
clip-path: polygon(15px 99px, 30px 87px, 65px 99px, 85px 55px,
122px 57px, 184px 73px, 198px 105px, 199px 150px,
145px 159px, 155px 139px, 126px 120px, 112px 138px,
80px 128px, 39px 126px, 24px 104px);
}

More Information

More information can be found here.