cssom/animation.html

CSS Object Model implementation and CSS parser

<style>
div {
	position: relative;
	width: 100px;
	height: 100px;
	background: black;
	-webkit-animation-name: 'diagonal-slide';
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 10;
}

@-webkit-keyframes 'diagonal-slide' {

    from {
      left: 0;
      top: 0;
    }

    to {
      left: 100px;
      top: 100px;
    }

  }
</style>

<div>1</div>