Как сделать эффект появления?

Question

[Ivan_Worker]

У меня есть код в котором img должна выходить "из-за кулись" и становить из прозрачной в видимую
вот код(но он не работает)

.start_glav{
padding:1px;
margin-top:15px;
border:3px outset #0095B6;
height:400px;
margin-left:10px;
margin-right:10px;
position:center;
background-color:#FEFDEA;
justify-content:center;
animation-name:opacity 2s;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

<div class="start_glav">

<img src="">
<img style="height:395px; width:750px;" src="btc-course.png">
	</div>

Comments

[Rustam Bainazarov]

«…кулись».

[Rustam Bainazarov]

animation: opacity 1s forwards;

Answer 1

[Rustam Bainazarov]

Неверное использование свойства animation-name, оно не комбинированное, а вы пытаетесь туда поместить ещё и значение свойства animation-duration.

Вот так можно:


P. S. Кстати, что за position: center?
Такого значения у этого свойства нет.