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)