Javascript.RU

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

Эффект вращения по горизонтали
Подскажите пожалуйста, как можно придать блоку DIV эффект медленного и постоянного вращения (плоскости) по горизонтали вокруг своей оси?
Ответить с цитированием
  #2 (permalink)  
Старый 01.04.2019, 13:59
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

.A.R.T.,
если я правильно поняла вопрос, то с помощью свойств css animation и transform rotateY
Ответить с цитированием
  #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;}
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Эффект исчезания кнопки после проверки ошибок на форме Ильфат Элементы интерфейса 2 08.03.2016 11:17
Помогите сделать эффект смены страниц Eugi Элементы интерфейса 6 16.07.2013 17:06
реально ли реализовать такой эффект на сайте danil-n2 Элементы интерфейса 1 09.11.2012 00:34
Интересный эффект InviS jQuery 4 25.08.2010 13:49
эффект ленты HelpeR Общие вопросы Javascript 8 08.01.2009 11:41