Home » Developer » CSS Clip Path Generator

CSS Clip Path Generator

Crop any element into a circle, ellipse, triangle, diamond or pentagon with CSS clip-path. Preview the shape live and copy the code.

Result will appear here.

How to use

  1. Pick a shape.
  2. Adjust the size.
  3. Copy the clip-path CSS.

Related tools

💻

JSON Formatter & Validator

Format, beautify and validate JSON in one click.

💻

Base64 Encoder / Decoder

Encode and decode Base64 safely, including unicode text.

💻

URL Encoder / Decoder

Encode and decode URLs and query strings instantly.

💻

HTML Encoder / Decoder

Encode HTML entities and decode them back, instantly.