Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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>