scrollable-scroll-3d-transform-z.html (624B)
1 <!DOCTYPE html> 2 <link rel="author" title="Seokho Song" href="mailto:0xdevssh@gmail.com"> 3 <link rel="help" href="https://www.w3.org/TR/css-transforms-2/#3d-transform-rendering/"> 4 <link rel="match" href="scrollable-scroll-3d-transform-z-ref.html"> 5 <style> 6 #container { 7 width: 100px; 8 height: 100px; 9 background: green; 10 position: relative; 11 transform-style: preserve-3d; 12 } 13 #scroller { 14 width: 100px; 15 height: 100px; 16 background: red; 17 position: absolute; 18 transform: translateZ(-1px); 19 overflow-y: scroll; 20 } 21 </style> 22 <div id="container"> 23 <div id="scroller"> 24 <div style="height: 300px"></div> 25 </div> 26 </div>