#transform3dChild {
-webkit-transform: rotate3d(0.2, 1, 0, 50grad);
}
-#scrollContainer {
- overflow-y: scroll;
- /* Make this just big enough for clipping to occur so we can verify the
- hit rect is also clipped. */
- height: 23px;
- border: 1px solid lightgrey;
-}
#list > li {
/* Move the list item over to make sure it doesn't overlap with the list itself */
-webkit-transform: translate(300px, 0);
<div class="testcase" id="styleModified">
Style modified dynamically
</div>
- <div id="scrollContainer">
- <div style='height: 13px;'></div>
- <div class="testcase" id="scrollContent">Scroll content</div>
- <div style='height: 50px;'></div>
- </div>
<div class="testcase" id="containsSvg">
<svg id="svg1">
<line x1="0" y1="5" x2="100" y2="5" stroke-width="3" stroke="black"/>