Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.
Sign uptranslateZ fails to render transform #10313
Open
Comments
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<style>
.tst-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0); /* Servo is failing on translateZ(0) */
transform: translateZ(0); /* remove both lines and it works */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.tst-grow:hover,
.tst-grow:focus,
.tst-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
</style>
</head>
<body>
<a href="#" class="tst-grow">Grow</a>
</body>
</html> |
|
This is still true. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Removing translateZ allow the transform to work. Attaching simple test file.