Как сделать вращение телефонной трубки на gsap?

Question

[Максим Щирба]

Как сделать вращение на gsap телефонной трубке, как на этом сайте https://fairpact.ru/ref/4/ на видео вращается глобус?



получаются только перевороты не понятные

Answer 1

[maxim]

Ты хочешь что бы вращение анимированным было ?

#element {
animation: spin 10s infinity;
}

@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {

transform: rotate(360deg);

}
}

Comments

[maxim]

Я правильно тебя понял ?

[Максим Щирба]

m1 rvi, да, только на gsap, не так чтобы она переворачивалась, а именно вращалась

[maxim]

Максим Щирба, почему не css?

[maxim]

Максим Щирба, вращалась по вертикали?

[Максим Щирба]

потому что вся моя анимация построенная на gsap до этого

Answer 2

[mr_alexbloger]

На сайте, который дан в примере, просто видео зациклено.
Никаких анимаций там нету:

https://fairpact.ru/mod/site/layout/assets/video.mp4

<video autoplay="" loop="" muted="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; opacity: 1; width: 1905px; height: auto;">
	<source src="/mod/site/layout/assets/video.mp4" type="video/mp4">
	<source src="/mod/site/layout/assets/video.webm" type="video/webm">
	<source src="/mod/site/layout/assets/video.ogv" type="video/ogg">
</video>

Comments

[Максим Щирба]

вопрос прочитай внимательнее