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 |