mirror of
https://github.com/roytam1/palemoon27.git
synced 2026-05-27 07:19:26 +00:00
roytam1
3fcb35e62d
- Bug 1163719 - Store startup cache entries in loading order; r=nfroyd (410ef75ff) - Bug 1072313: P1. Make MacIOSurface refcount thread-safe. r=mattwoodrow (3be93ce91) - Bug 1072313: P2 Prevent instanciating MacIOSurfaceLib directly. r=mattwoodrow (8d5d7e2e5) - Bug 1178513 - Export libxul symbols needed by ACL. r=mattwoodrow (b01035079) - Bug 1143575. Remove unused CompositableClient::OnTransaction. r=nical (8901f1fe8) - Bug 1143575. Convert SetCurrentImage(nullptr) callers to call ClearAllImages instead. r=nical (1a89f04f0) - Bug 1143575. Fix indent. r=cpearce (6b8f4e725) - Bug 1179111 part 1 - Implement CSSAnimation.animationName; r=smaug, r=jwatt (0d27b5d2e) - Bug 1179111 part 2 - Implement CSSTransition.transitionProperty; r=smaug, r=jwatt (f395dfc55) - Bug 1144615 - 2 - Adds a playbackRate selector widget to the animation panel; r=vporof (d538eb734) - Bug 1144615 - 1 - Minor css fixes in animation panel; r=bgrins (661a6feab) - Bug 1144615 - 3 - Tests for the playbackRate selection UI in the animation panel; r=vporof (82a4b4f91) - Bug 1120833 - 3 - Refresh the list of animation widgets when new animations are added; r=miker (f833abeb2) - Bug 1153903 - Get rid of logspam during devtools talos test runs;r=pbrosset (77f1968d2) - Bug 1155653 - Preview animation target nodes in animationinspector panel; r=bgrins (61f197d75) - Bug 1151018 - Refresh the list of Animation widgets when the animation panel loads; r=bgrins (9351a0b64) - Bug 1155663 - Show animations as synchronized time blocks in animation inspector; r=bgrins (66f544aea) - Bug 1149999 - 2 - Send animation removed events to the animation-panel for re-starting transitions; r=past (2913b4d4b) - Bug 1179111 part 3 - Make DevTools read the appropriate name property; r=pbrosset (6dfecd643) - Bug 1179111 part 4 - Remove KeyframeEffectReadOnly.name; r=smaug (85894f42f) - Bug 1004383 follow-up: Mark ElementPropertyTransition::AsTransition() as override (f37e36e8a) - Bug 1179111 part 5 - Remove Name() methods; r=jwatt (8909c4781) - Bug 1143575. Remove Theora-only duplicate frame optimization. r=cpearce (fe53385ec) - Bug 1172825 - MDSM playback should depend on IsPlaying() instead of |mPlayState|. r=cpearce. (9a9cf656d) - Bug 1163223 - Switch test_buffered to use timeupdate rather than loadedmetadata. r=cpearce (b91463faf) - Bug 1163223 - Move bailout case in GetBuffered into the readers. r=jww (c875c1d71) - Bug 1161901 - Dispatch MediaDecoderReader::SetIdle directly. r=jww (a9ad2582d) - Bug 1161901 - Use ProxyMediaCall instead of MDSM::ShutdownReader. r=jww (c866b524c) - Bug 1161901 - Hoist MDSM shutdown logic into MDSM::Shutdown and remove brittle requirement that RunStateMachine only happen once in SHUTDOWN state. r=jww (0d81368d6) - Bug 1153149 - Remove IsWaitingMediaResources() from PlatformDecoderModule. r=jya (70bd67ee3) - Bug 1161984 - Get rid of IsWaitingMediaResources() in MP4Reader. r=jya (94dd1f58c) - Bug 1163223 - Introduce StartTimeRendezvous and route samples through it. r=jww (b2a80c47a) - Bug 1163223 - Use AwaitStartTime to handle metadata end time. r=jww (8e22fc3fd) - Bug 1163223 - Use AwaitStartTime to invoke MediaDecoderReader::SetStartTime. r=jww (6141f5303) - Bug 1172387 - Clean up code of MediaDecoderStateMachine::StopAudioThread. r=kinetik. (717640128) - Bug 1163223 - Adjust incoming samples for start time. r=jww (c4029f934)
156 lines
2.7 KiB
HTML
156 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.not-animated {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: #eee;
|
|
}
|
|
|
|
.simple-animation {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: red;
|
|
|
|
animation: move 2s infinite;
|
|
}
|
|
|
|
.multiple-animations {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: #eee;
|
|
|
|
animation: move 2s infinite, glow 1s 5;
|
|
}
|
|
|
|
.transition {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: #f06;
|
|
|
|
transition: width 5s;
|
|
}
|
|
.transition.get-round {
|
|
width: 200px;
|
|
}
|
|
|
|
.short-animation {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: purple;
|
|
|
|
animation: move 1s;
|
|
}
|
|
|
|
.delayed-animation {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: rebeccapurple;
|
|
|
|
animation: move 2s 5s infinite;
|
|
}
|
|
|
|
.delayed-transition {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: black;
|
|
|
|
transition: width 5s 3s;
|
|
}
|
|
.delayed-transition.get-round {
|
|
width: 200px;
|
|
}
|
|
|
|
.delayed-multiple-animations {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: green;
|
|
|
|
animation: move .5s 1s 10, glow 1s .75s 30;
|
|
}
|
|
|
|
.multiple-animations-2 {
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: blue;
|
|
|
|
animation: move .5s, glow 1s 2s infinite, grow 3s 1s 100;
|
|
}
|
|
|
|
.all-transitions {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: blue;
|
|
transition: all .2s;
|
|
}
|
|
.all-transitions.expand {
|
|
width: 200px;
|
|
height: 100px;
|
|
}
|
|
|
|
@keyframes move {
|
|
100% {
|
|
transform: translateY(100px);
|
|
}
|
|
}
|
|
|
|
@keyframes glow {
|
|
100% {
|
|
background: yellow;
|
|
}
|
|
}
|
|
|
|
@keyframes grow {
|
|
100% {
|
|
width: 100px;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="not-animated"></div>
|
|
<div class="simple-animation"></div>
|
|
<div class="multiple-animations"></div>
|
|
<div class="transition"></div>
|
|
<div class="short-animation"></div>
|
|
<div class="delayed-animation"></div>
|
|
<div class="delayed-transition"></div>
|
|
<div class="delayed-multiple-animations"></div>
|
|
<div class="multiple-animations-2"></div>
|
|
<div class="all-transitions"></div>
|
|
<script type="text/javascript">
|
|
// Get the transitions started when the page loads
|
|
var players;
|
|
addEventListener("load", function() {
|
|
document.querySelector(".transition").classList.add("get-round");
|
|
document.querySelector(".delayed-transition").classList.add("get-round");
|
|
});
|
|
</script>
|