| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 .transparent { | 4 .transparent { |
| 5 opacity: 0.5; | 5 opacity: 0.5; |
| 6 } | 6 } |
| 7 | 7 |
| 8 .transformed { | 8 .transformed { |
| 9 transform: rotate(10deg); | 9 transform: rotate(10deg); |
| 10 } | 10 } |
| 11 </style> | 11 </style> |
| 12 </head> | 12 </head> |
| 13 <body> | 13 <body> |
| 14 | 14 |
| 15 <p>The <span class="transformed">span in this paragraph</span> has a transform,
which has no effect on inlines.</p> | 15 <p>The <span class="transformed">span in this paragraph</span> has a transform,
which has no effect on inlines.</p> |
| 16 | 16 |
| 17 <p>The <span class="transparent transformed">span in this paragraph</span> has a
transform, which has no effect on inlines. It also has opacity to throw it into
a RenderLayer.</p> | 17 <p>The <span class="transparent transformed">span in this paragraph</span> has a
transform, which has no effect on inlines. It also has opacity to throw it into
a Layer.</p> |
| 18 | 18 |
| 19 <p>The <span class="transparent transformed" style="display: inline-block;">span
in this paragraph</span> has a transform and opacity, and is an inline-block. S
o it should respect the transform.</p> | 19 <p>The <span class="transparent transformed" style="display: inline-block;">span
in this paragraph</span> has a transform and opacity, and is an inline-block. S
o it should respect the transform.</p> |
| 20 | 20 |
| 21 </div> | 21 </div> |
| 22 | 22 |
| OLD | NEW |