Untitled

dabblet.css

.container{
  perspective: 250px;
  perspective-origin: 50% 50%;
  width: 100px;
  height: 30px;
}

.bl {
  position: absolute;
  width: 100px;
  height: 30px;
  background: #FE0;
  text-align: center;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  0% { transform: rotate3d(1, 0, 0, 0deg); }
  20% { transform: rotate3d(1, 0, 0, 180deg); }
  40% { transform: rotate3d(1, 0, 0, 0deg); }
}

dabblet.html

<div class="container">
  <div class="bl">test</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}