mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-20 16:55:40 +00:00
c9e2901806
Transition events are not yet supported, and the only animatable properties are `top`, `right`, `bottom`, and `left`. However, all other features of transitions are supported. There are no automated tests at present because I'm not sure how best to test it, but three manual tests are included. r? @glennw Source-Repo: https://github.com/servo/servo Source-Revision: ebdf1d494b6c986e6dfcb7d8fd3f0ffa126523ed
30 lines
521 B
HTML
30 lines
521 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
section {
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
width: 64px;
|
|
height: 64px;
|
|
background: cadetblue;
|
|
transition: all 3s ease;
|
|
-moz-transition: all 3s ease;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section></section>
|
|
<script>
|
|
var sections = document.getElementsByTagName('section');
|
|
sections[0].setAttribute('style', "left: 0; top: 0");
|
|
setTimeout(function() {
|
|
sections[0].setAttribute('style', "left: 512px; top: 512px");
|
|
}, 0);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|