L
L
lavezzi12016-04-06 08:41:29
css
lavezzi1, 2016-04-06 08:41:29

How is this animation created?

Hello. Here is the site https://www.nextrembrandt.com/ on it for the first time 5 seconds animation of letters takes place. They take turns turning and flying. So, I looked at how it was done, through css animation and do it. But isn't it already handmade? Is there any framework that would do the job?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
N
Nikolay Talanov, 2016-04-06
@lavezzi1

Regular 3d transformations. Each letter is nested in its container with perspective. Each letter is shifted to the left (translateX), far away (translateZ) and rotated along the Y axis.
Here is an example in css in 5 minutes - codepen.io/suez/pen/e6645538303dc17bb6f9953bba72e43b

A
Amir Gafurov, 2016-04-06
@amir73911

I'm sure this is what you need

A
Andrey Fedorov, 2016-04-06
@aliencash

Are you talking about it?
codepen.io/aliencash/pen/jqaXrg

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question