Эффект вращения по горизонтали
Подскажите пожалуйста, как можно придать блоку DIV эффект медленного и постоянного вращения (плоскости) по горизонтали вокруг своей оси?
|
.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. |