OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/ahem.js"></script> | 2 <script src="../../resources/ahem.js"></script> |
3 <style> | 3 <style> |
4 #box { | 4 #box { |
5 position: absolute; | 5 position: absolute; |
6 top: 100px; | 6 top: 100px; |
7 left: 100px; | 7 left: 100px; |
8 width: 100px; | 8 width: 100px; |
9 transform: rotate(30deg); | 9 transform: rotate(30deg); |
10 } | 10 } |
11 #child { | 11 #child { |
12 position: relative; | 12 position: relative; |
13 left: 200px; | 13 left: 200px; |
14 top: 200px; | 14 top: 200px; |
15 font-family: Ahem; | 15 font-family: Ahem; |
16 } | 16 } |
17 </style> | 17 </style> |
18 Tests if the inline layered child is correctly repainted when container's transf
orm changes. | 18 Tests if the inline layered child is correctly repainted when container's transf
orm changes. |
19 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. | 19 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. |
20 <div id="box"> | 20 <div id="box"> |
21 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> | 21 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> |
22 </div> | 22 </div> |
OLD | NEW |