blob: 172e1022e6de786080098eac73c82d0b5b1222c7 [file] [log] [blame]
<!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>