Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Transform on Table 2</title>
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
<meta name="assert" content='This tests that another appropriately-crafted
transform applied to a table works the same as if was applied to a wrapper
div.'>
<link rel="match" href="transform-table-001-ref.html">
<link rel="mismatch" href="transform-table-001-notref.html">
<style>
div {
transform: translateX(200px) rotate(180deg) translateY(-100%);
transform-origin: left;
}
table {
transform: translateY(100%);
}
</style>
</head>
<body>
<div>
<table>
<caption>Hello</caption>
<tr><td>there!</td></tr>
</table>
</div>
</body>
</html>