Как убрать начальную анимацию?

Ребят, делал анимацию с ксс с помощью transition. Вот ХТМЛ
<div class='euraziabutton'><nav>Евразия</nav></div>

Тут вроде все понятно)
А вот КСС
div {
    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
}
.euraziabutton {
    width: 20%;
    height: 80px;
    background: #5863e0;
    margin-left: 20%;
    position: absolute;
    border-right: 3px solid orange;
    border-left: 1px solid #5863e0;
    border-top: 1px solid #5863e0;
    border-top-left-radius: 50px;
    text-align: center;
    padding-bottom: 30px;
    
}
.euraziabutton:hover {
    background-color: #757DE1;
    
}


По идее при наведении на блок, он будет менять баграунд на более светлый. Так и происходит, но есть проблема: дело в том, что когда только заходишь на страницу, этот блок прозрачен в течении нескольких секунд, а потом постепенно приобретает темно-синий цвет. Просто как убрать его начальную анимацию?
  • Вопрос задан
  • 224 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы