Tengo el siguiente html con una animación hecha en css, en este momento se le aplica a los tres divs juntos y al mismo tiempo, pero necesito que se le aplique a cada div
con la clase content
por separado, uno a la vez.
.base {
height: 200px;
width: 200px;
background-color: #243034;
border: 1px solid #fff;
}
.content {
height: 50px;
width: 147px;
margin: 10px;
background-color: #41555C;
border: 1px solid #fff;
}
.content {
animation-duration: 3s;
animation-name: animation;
animation-iteration-count: infinite;
}
@keyframes animation {
from {
margin-left: 100%;
width: 300%
}
to {
margin-left: 0%;
width: 100%;
}
}
<div class="base">
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
</div>