Chris Harrelson | 602f4cd | 2017-06-23 19:51:55 | [diff] [blame] | 1 | <!doctype HTML> |
2 | <style> | ||||
3 | .container { | ||||
4 | width: 100px; | ||||
5 | height: 100px; | ||||
6 | perspective: 100px; | ||||
7 | overflow: scroll; | ||||
8 | } | ||||
9 | .target { | ||||
10 | transform: rotateY(-45deg); | ||||
11 | width: 90px; | ||||
12 | height: 80px; | ||||
13 | background-image: linear-gradient(to right, red 0% ,green 50% , blue 50%); | ||||
14 | } | ||||
15 | </style> | ||||
16 | The result should have horizontal and vertical scrollbars. | ||||
17 | <div class="container" style=""> | ||||
18 | <div class="target"></div> | ||||
19 | </div> |