Código:
@keyframes move {
from{ margin-right: 100%; width: 280px; }
to{ margin-right: 0%; width: 100px; } }
div.Ejemplo1 {
text-align: center;
width: 200px;
height: 200px;
background-color: orangered;
color: aqua;
font-size: 20px;
left: 150px;
top: 160px;
position:absolute;
animation-duration: 8s;
animation-name: slidein;
animation-iteration-count: infinite;
animation-direction: alternate;
}
Código:
@keyframes move {
from{ left: 25%; }
to{ left: 75%; } }
div.Ejemplo2{
width: 150px;
padding-bottom: 10%;
border-radius: 50%;
background: green;
box-shadow: -3px 5px 0px gray;
position: absolute;
top: 450px;
left: 150px;
text-align: center;
}
div.Ejemplo2 {
animation: 3s move infinite alternate;
}