| <html> | |
| <head> | |
| <style> | |
| div { | |
| width:100px; | |
| height:100px; | |
| border:10px solid black; | |
| background-color:skyblue; | |
| } | |
| .transparent { | |
| opacity: 0.5; | |
| } | |
| .translated { | |
| transform:translate(120px, -10px) | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| In the example below you should see three blocks right next to one another, and they should all be partially transparent. | |
| <div class="transparent"> | |
| <div class="translated"><div class="translated"></div></div> | |
| </div> | |