blob: a068cf35f3b0054f31689bf7c44f5b402caf38df (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<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>
|