| <!DOCTYPE html> | |
| <style> | |
| #parent { position: relative; left: 40px; top: 40px; width: 120px; | |
| height: 120px; overflow: hidden; border-radius: 10px; | |
| background-color: blue; | |
| } | |
| #child { position: relative; left: 140px; top: 140px; width: 100px; | |
| height: 100px; background-color: green; | |
| transform: translate(-120px, -120px); | |
| will-change: transform; | |
| } | |
| </style> | |
| <div id='parent'> | |
| <div id='child'></div> | |
| </div> |