Untitled

dabblet.css

html,body {height:100%;width:100%;position:relative;}
#boite {display:inline-block;
height:50px;width:50px;
text-align:center;
line-height:50px;
border:solid;
position:relative;;
background:yellow;
box-shadow:0 0 15px black;
animation: move 5s infinite;

}
@keyframes move {
0% , 100% {top:0;left:0;opacity:0;}
12%, 63% {top:40px;left:50px;}
25% {top:-20px;left:100px;opacity:0.5}
75% {top:200px;left:-130px;opacity:00.5}
50% {top:120px;left:150px; opacity:1;}
}

dabblet.html

<div id="boite">vrouum</div>
<p>bouge , bouge , exemple à la c@n;</p>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}