Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Эффект вращения по горизонтали (https://javascript.ru/forum/misc/77161-ehffekt-vrashheniya-po-gorizontali.html)

.A.R.T. 01.04.2019 13:50

Эффект вращения по горизонтали
 
Подскажите пожалуйста, как можно придать блоку DIV эффект медленного и постоянного вращения (плоскости) по горизонтали вокруг своей оси?

Блондинка 01.04.2019 13:59

.A.R.T.,
если я правильно поняла вопрос, то с помощью свойств css animation и transform rotateY

.A.R.T. 01.04.2019 14:41

Цитата:

Сообщение от Блондинка (Сообщение 505841)
.A.R.T.,
если я правильно поняла вопрос, то с помощью свойств css animation и transform rotateY

Спасибо. Разобрался.

<div class="container">
<div class="transform rotateY"><h4>rotateY(180deg)</h4></div>
</div>

.transform {
  bottom: 0;
  border-radius: 5px;
  -webkit-animation: notransform 8s infinite;
  animation: notransform 8s infinite;
}

.rotateY {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes notransform {
  50% {transform: none;}
}

@keyframes notransform {
  50% {transform: none;}
}


Часовой пояс GMT +3, время: 01:00.