18 lines
853 B
Plaintext
18 lines
853 B
Plaintext
<rml>
|
|
<head>
|
|
<title>Bar icon flight</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* the clicked bar icon on its way to the screen's middle, where its window opens (as FL's
|
|
NeuroNet buttons fly in before their panel grows); no box, no clicks */
|
|
body.flydoc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: transparent; pointer-events: none; }
|
|
#fly { position: absolute; display: none; image-color: #f2b13c; transform: perspective(600dp) rotateY(0deg); }
|
|
#fly.on { display: block; animation: 0.32s cubic-in-out 1 fly-spin; }
|
|
@keyframes fly-spin { from { transform: perspective(600dp) rotateY(0deg); } to { transform: perspective(600dp) rotateY(360deg); } }
|
|
</style>
|
|
</head>
|
|
<body class="flydoc">
|
|
<img id="fly"/>
|
|
</body>
|
|
</rml>
|