<!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> |