| <!DOCTYPE html> |
| <div style="width: 40px"> |
| <div draggable="true" id="case-css-3dtransform-descendant" style="width: 40px; height: 40px; background-color: #ff0000;"> |
| <div style="background-color: #00ff00; width: 20px; height: 40px;"></div> |
| <div style="transform: translate3d(20px, -40px, 0); background-color: #00ff00; width: 20px; height: 40px;"></div> |
| </div> |
| </div> |
| |
| <div style="width: 40px"> |
| <div style="transform:translate(40px,40px)"> |
| <div draggable="true" id="case-css-transform" style="background-color: #00ff00;width: 40px;height: 40px;"></div> |
| </div> |
| </div> |
| |
| <div style="width: 40px"> |
| <div style="transform:translate(40px,40px) rotate3d(0,1,0,60deg);"> |
| <div draggable="true" id="case-css-3dtransform" style="background-color: #00ff00;width: 40px;height: 40px;"></div> |
| </div> |
| </div> |
| |
| <div style="width: 40px"> |
| <div style="display: inline-block"> |
| <div draggable="true" id="case-inlineblock" style="background-color: #00ff00;width: 40px;height: 40px;"></div> |
| </div> |
| </div> |
| |
| <div style="width: 40px"> |
| <div style="overflow: hidden"> |
| <div draggable="true" id="case-float-left-overflow-hidden" style="float: left;background-color: #00ff00;width: 40px;height: 40px;"></div> |
| </div> |
| </div> |