Canvas Rendered and Animated with WebGL.
Click to toggle DIV rotation.
{@keyframes kfRotateY {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
.animRotateY
{
animation-duration: 2s;
animation-name: kfRotateY;
animation-iteration-count: infinite;
animation-timing-function:linear;
}
Here is an example of WebGL rendered in a transformed CSS element.
Watch it spin...