flip card with border

dabblet.css

/**
 * flip card with border
 */

div {
  height: 150px;
  width: 150px;
  transition: all 500ms ease;
}
.container {
  perspective: 500px;
  border: 1px solid black;
}
.transformed {
	background-color: red;
  /*transform: rotateY(180deg);*/
}
.transformed:hover {
/*transform-origin: top left;*/
 transform: rotateY(180deg);
}

dabblet.html

<div class="container">
  <div class="transformed">CSS</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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