| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| 2 "http://www.w3.org/TR/html4/strict.dtd"> | 2 "http://www.w3.org/TR/html4/strict.dtd"> |
| 3 <html lang="en"> | 3 <html lang="en"> |
| 4 <head> | 4 <head> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 div { | 6 div { |
| 7 margin: 50px; | 7 margin: 50px; |
| 8 width: 200px; | 8 width: 200px; |
| 9 height: 50px; | 9 height: 50px; |
| 10 border: 1px solid black; | 10 border: 1px solid black; |
| 11 -webkit-transform-origin: top left; | 11 -webkit-transform-origin: top left; |
| 12 transform: rotate(20deg); | 12 transform: rotate(20deg); |
| 13 -webkit-box-reflect: below; | 13 -webkit-box-reflect: below; |
| 14 } | 14 } |
| 15 | 15 |
| 16 div:hover { | 16 div:hover { |
| 17 background-color: orange; | 17 background-color: orange; |
| 18 } | 18 } |
| 19 </style> | 19 </style> |
| 20 </head> | 20 </head> |
| 21 <body> | 21 <body> |
| 22 <div id="target">PASS</div> | 22 <div id="target">PASS</div> |
| 23 </body> | 23 </body> |
| 24 </html> | 24 </html> |
| OLD | NEW |