Create complex CSS clip-path shapes visually. Drag points, pick presets, and export production-ready CSS with fallbacks.
269 free tools. No signup. Open source. Built by Christian Bucher.
IT-Tools Browse 269 Free Tools →CSS clip-path defines a clipping region that determines which parts of an element are visible. It supports circle(), ellipse(), inset(), polygon(), and path() functions.
Yes, all modern browsers support clip-path with basic shapes. The -webkit-clip-path prefix is included in the generated code for older Safari support.
Yes, clip-path can be animated with CSS transitions or keyframes, as long as both states use the same shape function with the same number of coordinate points.