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