mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-05 07:18:39 +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
55
devtools/client/animationinspector/test/doc_keyframes.html
Normal file
55
devtools/client/animationinspector/test/doc_keyframes.html
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Yay! Keyframes!</title>
|
||||
<style>
|
||||
div {
|
||||
animation: wow 100s forwards;
|
||||
}
|
||||
@keyframes wow {
|
||||
0% {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 0px;
|
||||
background: #f06;
|
||||
}
|
||||
10% {
|
||||
border-radius: 2px;
|
||||
}
|
||||
20% {
|
||||
transform: rotate(13deg);
|
||||
}
|
||||
30% {
|
||||
background: gold;
|
||||
}
|
||||
40% {
|
||||
filter: blur(40px);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(720deg) translateX(300px) skew(-13deg);
|
||||
}
|
||||
60% {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
70% {
|
||||
border-radius: 10px;
|
||||
}
|
||||
80% {
|
||||
background: #333;
|
||||
}
|
||||
90% {
|
||||
border-radius: 50%;
|
||||
}
|
||||
100% {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue