| OLD | NEW |
| (Empty) |
| 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></t
r> | |
| 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> | |
| OLD | NEW |