Demo entry 3318297

html & css


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

<!DOCTYPE html>
.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;}

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

This snippet took 0.00 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).