Blitz - WPT: scrollable-scroll-3d-transform-z.html

wpt / css / css-transforms / scrollable-scroll-3d-transform-z.html

/css/css-transforms/scrollable-scroll-3d-transform-z.html

<!DOCTYPE html>
<link rel="author" title="Seokho Song"  href="mailto:0xdevssh@gmail.com">
<link rel="help" href="https://www.w3.org/TR/css-transforms-2/#3d-transform-rendering/">
<link rel="match" href="scrollable-scroll-3d-transform-z-ref.html">
<style>
#container {
  width: 100px;
  height: 100px;
  background: green;
  position: relative;
  transform-style: preserve-3d;
}
#scroller {
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  transform: translateZ(-1px);
  overflow-y: scroll;
}
</style>
<div id="container">
  <div id="scroller">
    <div style="height: 300px"></div>
  </div>
</div>

/css/css-transforms/scrollable-scroll-3d-transform-z-ref.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background: green"></div>