<html>
|
<head>
|
<style>
|
#el0 {
|
-webkit-animation-name: a;
|
-webkit-animation-duration: 1s;
|
counter-reset: c;
|
}
|
#el0::before {
|
content: counter(c);
|
counter-reset: c;
|
width: 1px;
|
height: 1px;
|
overflow-x: scroll;
|
display: block;
|
}
|
#el0::after {
|
counter-reset: c;
|
display: table-header-group;
|
content: counter(c);
|
}
|
#el2 {
|
counter-reset: c;
|
}
|
#el3::before {
|
content: counter(c);
|
}
|
</style>
|
<script>
|
onload = function() {
|
el0=document.createElement('div')
|
el0.setAttribute('id','el0')
|
document.body.appendChild(el0)
|
el1=document.createElement('div')
|
document.body.appendChild(el1)
|
el2=document.createElement('div')
|
el2.setAttribute('id','el2')
|
el1.appendChild(el2)
|
el3=document.createElement('div')
|
el3.setAttribute('id','el3')
|
document.body.appendChild(el3)
|
}
|
</script>
|
</head>
|
<body>
|
</body>
|
</html>
|