DEV Community

Cover image for Do you know clip-path? 👈
Leonardo Rafael Wehrmeister
Leonardo Rafael Wehrmeister

Posted on

5 3

Do you know clip-path? 👈

Hi,

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points.

The best link to learn it is https://bennettfeely.com/clippy/ IMO. For fun, I maded a material design spinner loader using clip-path here https://codepen.io/leo-bnu/pen/wvdmbVP.

Thanks for your time guys! 🖖

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay