Использование важных в CSS анимации - PullRequest
Новая
       22

Использование важных в CSS анимации

0 голосов
/ 30 октября 2019

У меня есть следующий HTML в качестве основы для анимации. 

<div 
class="about5">About</div>

И это css: 

@keyframes  about {
from {left: 0px 
!important;}to {left: 300px 
!important;}} 

@keyframes about {from 
{background-color: blue;} to 
{background-color: yellow;}} 

.about5 {width: 100px;
height: 100px;
background-color: blue;
animation-name: about ;
animation-duration: 
4s;animation-iteration- 
count: infinite; position: 
relative; animation-timing- 
function: ease-in-out;- 
webkit-animation: about 5s 
infinite;}

Это работает, чтобы изменить цвет, но не перемещает его слева направо. Почему бы не как?

Я попытался использовать important, поскольку у меня уже есть div, установленный на position: relative и left: Xpx,, поэтому функция @keyframes будет его переопределять. Это не работает, хотя.

...