OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .caption:after { | 3 .caption:after { |
4 position:absolute; | 4 position:absolute; |
5 content: counter(c, lower-armenian) attr(id); | 5 content: counter(c, lower-armenian) attr(id); |
6 counter-increment: c 895; | 6 counter-increment: c 895; |
7 } | 7 } |
8 .caption { -webkit-transform:skew(20deg); } | 8 .caption { -webkit-transform:skew(20deg); } |
9 .caption:last-of-type { display: table-caption; } | 9 .caption:last-of-type { display: table-caption; } |
10 .option:nth-of-type(2n+1) { counter-increment: c 578; } | 10 .option:nth-of-type(2n+1) { counter-increment: c 578; } |
(...skipping 10 matching lines...) Expand all Loading... |
21 var el = document.createElement('li'); | 21 var el = document.createElement('li'); |
22 el.setAttribute('class', 'caption'); | 22 el.setAttribute('class', 'caption'); |
23 document.body.appendChild(el); | 23 document.body.appendChild(el); |
24 | 24 |
25 document.body.offsetTop; | 25 document.body.offsetTop; |
26 | 26 |
27 var o = document.querySelector('option'); | 27 var o = document.querySelector('option'); |
28 o.setAttribute('class', 'option'); | 28 o.setAttribute('class', 'option'); |
29 } | 29 } |
30 </script> | 30 </script> |
OLD | NEW |