Показать сообщение отдельно
  #3 (permalink)  
Старый 01.04.2019, 14:41
Новичок на форуме
Отправить личное сообщение для .A.R.T. Посмотреть профиль Найти все сообщения от .A.R.T.
 
Регистрация: 11.02.2019
Сообщений: 6

Сообщение от Блондинка Посмотреть сообщение
.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;}
}
Ответить с цитированием