Привет. Использую для вертикального центрирования элемента свойства:
top: 50%;
transform: translateY(-50%)
Но когда к элементу применяется анимация:
animation-name: spin;
animation-duration: 1s;
animation-iteration-count: infinite;
То свойство transform
перестаёт работать. Почему?
spin
прописана?from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}
Я так понимаю, что использование rotate перезаписывает правилоtranslateY(-50%)
;spin
:from{transform:rotate(0deg) translateY(-50%);} to{transform:rotate(360deg) translateY(-50%);}