| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| width: 100px; | |
| height: 100px; | |
| perspective: 100px; | |
| overflow: scroll; | |
| } | |
| .target { | |
| transform: rotateY(-45deg); | |
| width: 90px; | |
| height: 80px; | |
| background-image: linear-gradient(to right, red 0% ,green 50% , blue 50%); | |
| } | |
| </style> | |
| The result should have horizontal and vertical scrollbars. | |
| <div class="container" style=""> | |
| <div class="target"></div> | |
| </div> |