Top "Clip-path" questions

How to round out corners when using CSS clip-path

I want to be able to round out the 3 leftmost corners on this shape that I have created, any idea …

css clip-path

How to make clip-path work on Microsoft Edge?

While making a clipped header for Firefox and Microsoft Edge(ME), I used clip-path. It works in Firefox just by …

html css svg microsoft-edge clip-path

Clip-Path Inset in CSS not working in chrome

I'm trying to use the CSS property clip-path, but I get an Invalid property value error in Chrome. Here's a …

html css clip-path

Clip-path doesn't work in firefox [% values]

I am trying to run svg clip-path in mozilla but it doesn't work. .mask-1 { -webkit-clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); } It works …

html css svg clip-path

Responsive clip-path with inline SVG

On an element with a background (image or solid color don't really matter): <header id="block-header"></header&…

css svg responsive-design clip-path

Is it possible to have multiple masks with clip-path?

Hi, I wonder whether it's possible to use more than one mask on the same element, just like this: clip-path:…

css mask clip-path

Create a Reverse Clip-Path - CSS or SVG

I'm trying to create what is in essence the reverse of a CSS clip-path. When using clip-path, an image or …

html css svg clip-path

Why does svg <use xlink:href="#"/> referencing an element with clip-path not work?

When implementing an SVG sprite, an <svg> element is created and svg elements are referenced via the <…

html css svg clip-path grunt-svgstore

How to resize SVG clip-path?

I am using an SVG as a mask for an image and I'm trying to resize it. I tried indicating …

css svg clip-path

Alternative to Clip-Path with universal browser support?

I've used a few clip-path polygon shapes to create downward pointing content boxes on my site, you can see a …

css wordpress firefox svg clip-path