Ребят, делал анимацию с ксс с помощью 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;
}
По идее при наведении на блок, он будет менять баграунд на более светлый. Так и происходит, но есть проблема: дело в том, что когда только заходишь на страницу, этот блок прозрачен в течении нескольких секунд, а потом постепенно приобретает темно-синий цвет. Просто как убрать его начальную анимацию?
