| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 div { | 4 div { |
| 5 width:100px; | 5 width:100px; |
| 6 height:100px; | 6 height:100px; |
| 7 border:10px solid black; | 7 border:10px solid black; |
| 8 background-color:skyblue; | 8 background-color:skyblue; |
| 9 } | 9 } |
| 10 | 10 |
| 11 .transparent { | 11 .transparent { |
| 12 opacity: 0.5; | 12 opacity: 0.5; |
| 13 } | 13 } |
| 14 | 14 |
| 15 .translated { | 15 .translated { |
| 16 -webkit-transform:translate(120px, -10px) | 16 transform:translate(120px, -10px) |
| 17 } | 17 } |
| 18 </style> | 18 </style> |
| 19 </head> | 19 </head> |
| 20 <body> | 20 <body> |
| 21 In the example below you should see three blocks right next to one another, and
they should all be partially transparent. | 21 In the example below you should see three blocks right next to one another, and
they should all be partially transparent. |
| 22 | 22 |
| 23 <div class="transparent"> | 23 <div class="transparent"> |
| 24 <div class="translated"><div class="translated"></div></div> | 24 <div class="translated"><div class="translated"></div></div> |
| 25 </div> | 25 </div> |
| 26 | 26 |
| OLD | NEW |