Help me recreating Mac Genie Effect

https://codepen.io/ahad4387/pen/zxxWozN (my pen) I'm trying to recreate the closing genie effect when I click on the delete icon. I was able to get it till this point. it's scaling down and fading away. but I'm not able to recreate the shrinking effect which the mac has, tried chatgpt as well but no good progress. I've found these pens but I couldn't get it right https://codepen.io/sandeepknair/pen/zYOrZGE https://codepen.io/pasaribu/pen/obpLeJ Please help
2 Replies
Abdul Ahad⚡
Abdul Ahad⚡OP4w ago
Any ideas here?
Chris Bolson
Chris Bolson4w ago
You could possibly try something with clip-path and a keyframes animation

Did you find this page helpful?