Flying a plane

dabblet.css

/**
 * Flying a plane 
 */

#fly { 
width: 300px; 
background: #cacaca; 
position: fixed; 
right: -300px;
animation: fly 8s ease-in;
}

@keyframes fly {
			  0% { right: -30%; }
			  100% { right: 70%; }
			}

dabblet.html

<div id="fly">Hiya, I'm a flying div!</div>

settings.json

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