css3动画

Tansitions支持从一个属性值平滑过渡到另一个属性值transition:property  duation  timing-function  transition-delay缺点是：只能指定属性的开始值和终点值，然后在这两个属性之间实现平滑过渡，不能实现更为复杂的动画效果Animations支持通过关键帧的指定来在页面上产生更复杂的动画效果

div {animation-name: diagonal-slide;animation-duration: 5s;animation-iteration-count: 10;}@keyframes diagonal-slide {from {left: 0;top: 0;}to {left: 100px;top: 100px;}}