CSS3 clip-path polygon() shape animation morphing effects | Quick CSS tips

Опубликовано: 21 Октябрь 2024
на канале: ui-code-tv
1,516
11

Use CSS3 clip-path polygon() to animate and morph between two shapes.

codepen: https://codepen.io/ui-code-tv/pen/XWe...

clip-path shape generator: https://bennettfeely.com/clippy/

Previous animation videos :
Clip-path animation:    • CSS Transition animation with clip-pa...  
Transition animation: https://www.youtube.com/watch?v=YJz8S...
Blob animation: https://www.youtube.com/watch?v=A1GeA...