Demo entry 3318297

html & css

   

Submitted by anonymous on Dec 14, 2015 at 14:13
Language: CSS. Code size: 713 Bytes.

<!DOCTYPE html>
<html>
<head>
<style> 
.container {
width: 400px;
height: 400px;
margin: 50px auto 0;
background: lightgreen;
position: relative;
}

.box {
width: 100px;
height: 100px;
position: absolute;
display: table;
top: 150px;
left: 150px;
background-color: red;
/* animation: cevamisto 2s ease-out 5s 2 reverse; */
animation-name: cevamisto;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-delay: 5s;
animation-iteration-count: 2;
animation-direction: reverse;
}

@keyframes cevamisto{
from {top: -150px;}
50% {left: 300px;}
to {top: 150px;}
}
</style>
</head>

<body>
<div class="container">
<div class="box"></div>
</div>
</body>
</html>

This snippet took 0.00 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).