blob: 527d05effaacf0085a8e1ce51b00fd31c4663932 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<style>
div {
width: 100px;
height: 100px;
background-color: blue;
transform: rotate(45deg);
}
</style>
<div id="div"></div>
<script>
addEventListener('DOMContentLoaded', function (){
var target = document.getElementById('div');
target.animate([{ transform: 'translateX(100px)', composite: 'accumulate' },
{ transform: 'none' }],
1000);
});
</script>
|
