third_party/WebKit/LayoutTests/fast/transforms/transform-on-inline.html

   1 <html>
   2 <head>
   3 <style>
   4   .transparent {
   5     opacity: 0.5;
   6   }
   7
   8   .transformed {
   9     transform: rotate(10deg);
  10   }
  11 </style>
  12 </head>
  13 <body>
  14
  15 <p>The <span class="transformed">span in this paragraph</span> has a transform, which has no effect on inlines.</p>
  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>
  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. So it should respect the transform.</p>
  20
  21 </div>
  22