Small Rotations

dabblet.css

/* Small Rotations*/

body { perspective:5em; font:200px Georgia; background:#fff }
a { color:#b6d437; text-decoration:none }
 
@keyframes spin { 
  from{ transform:rotateY(-35deg) }
  to { transform:rotateY(35deg) }}
  
section { 
background:url(//small-demos.com/wp-content/uploads/logo.svg) no-repeat rgba(0,0,0,.3);
background-size:contain; height:2em; width:50%; margin:auto;
transform-origin:50%; animation:spin 1s alternate infinite cubic-bezier(.618, 0, 1,0) }

nav { opacity:0 }
nav:hover { opacity:1 }

dabblet.html

<section></section>

settings.json

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