src/third_party/WebKit/LayoutTests/fast/transforms/transform-table-row.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7   <title>Transform on table row</title>
   8   <style type="text/css" media="screen">
   9     .transformed {
  10       transform: rotate(10deg);
  11     }
  12     .transparent {
  13       opacity: 0.5;
  14     }
  15   </style>
  16 </head>
  17 <body>
  18
  19   <p>All of the table rows and cells below should be rotated.</p>
  20   <table>
  21     <tr class="transformed"><td>Transformed row</td></tr>
  22     <tr class="transformed transparent"><td>Transformed row with opacity</td></tr>
  23     <tr><td class="transformed">Transformed cell</td></tr>
  24     <tr><td class="transformed transparent">Transformed cell with opacity</td></tr>
  25   </table>
  26
  27 </body>
  28 </html>