Untitled

dabblet.css

body {}

div{
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
width:200px;
height:200px;
background-color: rgba(240,0,0,.3);
border-radius:50%;
animation: anima 2s alternate infinite;
perspective:1000px;
}
p {
position:absolute;
top:-20%;
left:35%;
font-size:inherit;
transform-style:preserve-3d;
}

@keyframes anima {
0% {}
100%{width:250px;height:250px;margin-left:-125px;margin-right:-125px;transform:rotateY(0deg);font-size:100px;}
}

dabblet.html

<div><p>A</p></div>

dabblet.js

// alert('Hello world!');

settings.json

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