mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-17 15:25:52 +00:00
0ced305cb6
MozReview-Commit-ID: HZHctZyq2k4 --HG-- extra : rebase_source : ff9b12abfaa55391857f6358c663a3283f185aa2
21 lines
530 B
HTML
21 lines
530 B
HTML
<!doctype html>
|
|
<html class="reftest-wait">
|
|
<title>calc() in translate3d as base style of transform animation</title>
|
|
<style>
|
|
#target {
|
|
width: 100px; height: 100px;
|
|
background: blue;
|
|
animation: anim 1s;
|
|
transform: translate3d(100px, calc(10px + 30%), 10px);
|
|
}
|
|
@keyframes anim {
|
|
to { transform: translate3d(0px, 0px, 0px); }
|
|
}
|
|
</style>
|
|
<div id="target"></div>
|
|
<script>
|
|
document.getElementById("target").addEventListener("animationstart", () => {
|
|
document.documentElement.classList.remove("reftest-wait");
|
|
});
|
|
</script>
|