mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-23 08:57:34 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
52
layout/reftests/transform-3d/animate-cube-degrees-zoom.html
Normal file
52
layout/reftests/transform-3d/animate-cube-degrees-zoom.html
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html reftest-zoom="1.5">
|
||||
<title>Reftest, bug 1156456</title>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div, div::before, div::after {
|
||||
width: 200px; height: 200px;
|
||||
}
|
||||
|
||||
@keyframes HoldTransform {
|
||||
from, to {
|
||||
transform: rotateY(-120deg) rotateX(60deg);
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
transform-style: preserve-3d;
|
||||
animation: 10s HoldTransform infinite;
|
||||
}
|
||||
|
||||
div::before, div::after {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
div::before {
|
||||
background: #00f;
|
||||
transform: translate3D(100px, 0, 100px) rotateY(90deg);
|
||||
}
|
||||
|
||||
div::after {
|
||||
background: #00c;
|
||||
transform: translate3D(0, -100px, 100px) rotateX(90deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
<div></div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue