强大的CSS3动画库插件anime.js

JS代码

<script src="js/stopExecutionOnTimeout.js" type="text/javascript"></script>
<script type="text/javascript" src="js/anime.min.js"></script>
<script type="text/javascript">
	anime({
		targets: 'div.blue',
		translateX: '13rem',
		rotate: {
			value: 180,
			duration: 1500,
			easing: 'easeInOutQuad'
		},
		scale: {
			value: 2,
			delay: 150,
			duration: 850,
			easing: 'easeInOutExpo'
		},
		loop: true,
		direction: 'alternate'
	});
</script>