<body id="body">
<div id="app"></div>
</body>
<style>
#app {
background-color: red;
width:200px;
height: 200px;
animation: bounceInRight 2s;
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translate3d(200px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
</style>