1144641.html (1837B)
1 <!DOCTYPE html> 2 <html> 3 <!-- This Source Code Form is subject to the terms of the Mozilla Public 4 - License, v. 2.0. If a copy of the MPL was not distributed with this 5 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 6 <head> 7 <style> 8 body { writing-mode:vertical-lr; } 9 #el0 { 10 height: 200px ! important; 11 height: 1em; 12 width: 1em; 13 padding: 5px; 14 display: table; 15 transform:translate3d(0, 80px, 0); 16 } 17 #el0:before { 18 display: -moz-box; 19 content: counter(c, hiragana) attr(id); 20 counter-increment: c 694; 21 } 22 #el0:after { 23 counter-reset: c 694; 24 content: counter(c, cjk-ideographic) attr(id); 25 } 26 #el1 { 27 text-shadow: 0px 20px 0px, 0px -20px 10px; 28 line-height: 4px; 29 transform: translate3d(0px, -300px, 0px); 30 display: table-row-group; 31 border-spacing: 7px; 32 } 33 #el1:after { 34 counter-reset: c; 35 display: -moz-box; 36 content: counter(c, cjk-ideographic) attr(id); 37 counter-increment: c 694; 38 } 39 #el2 { 40 display: table-row-group; 41 transform:translate3d(0, 80px, 0); 42 } 43 #el2:after { 44 content: counter(c, cjk-ideographic) attr(id); 45 } 46 </style> 47 <script> 48 onload = function() { 49 el0=document.createElement('div') 50 el0.setAttribute('id','el0') 51 document.body.appendChild(el0) 52 el1=document.createElement('div') 53 el1.setAttribute('id','el1') 54 el0.appendChild(el1) 55 el2=document.createElement('q') 56 el2.setAttribute('id','el2') 57 el1.appendChild(el2) 58 el0.appendChild(document.createTextNode('A')) 59 setTimeout("location.reload()", 100) 60 } 61 </script> 62 </head> 63 <body> 64 </body> 65 </html>