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 Layer.</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 |