DEV Community

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

Posted on

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)