Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<html>
<head>
<style>
body {
mask: url(#mymask);
}
div::after {
content: counter(n);
}
</style>
<script>
window.onload = function(){
document.getElementsByTagName('body')[0].animate(
[{"transform": "skewy(11rad)"},
{"transform": "rotatex(0.125turn)"}],
{"fill":"forwards", "iterations": 0.75, "duration": 1});
};
</script></head>
<body><div></div></body>
</html>