css анимация прокрука на 180градусов

250

14 сентября 2017, 15:00

делаю анимацию прокрутка блока на 180градусов

Помогите понять почему блок после завершения встает на 0 градусов

Answer 1

180deg - полный 1 оборот, визуально кажется, что возвращается в 0

div { 
  width: 100px; 
  height: 100px; 
  background: #000; 
   
  animation: rotate .5s ease both; 
} 
 
 
@keyframes rotate { 
  from { transform: rotate(0deg); } 
  to { transform: rotate(180deg); } 
}

<div></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Изменение фона при скролле

Хочу реализовать следующее - при достижении определенной секции на сайте, например "<div id="client"></div>", менялся фон на сайтеПока делаю простенький...

447

HTML