CODEWITHSUNDEEP
htmlcss
Extelliqent
Extelliqent

Reputation: 1856

Apple style transform

Apple Link I really liked this transform, anybody can give me an idea how they made this animation ?

Upvotes: 0

Views: 213

Answers (1)

Steve Adams
Steve Adams

Reputation: 2837

It's actually quite simple, and a great use of available technology regarding performance and graceful degradation. Here is a link that outlines it a bit, and a demo that gives a bigger look at the sort of technique used.

This doesn't nail it exactly, as there are a few detail transitions excluded, but you probably get the idea from this.

edit: When you see animations like this, they are typically using css3 with javascript as a fallback. Javascript is more widely supported, but a little less efficient to write and lacking gpu acceleration, so it's not as ideal.

Upvotes: 1

Related Questions