css3动画入门为了让页面体验更流畅，我们经常会使用一些动画来给页面流程添加一些耦合。另一种状态）eg：一个div的宽高是100px，鼠标上移后宽高变成300px```div{width:100px;高度：100像素；}div：悬停{宽度：300像素；height:300px;}```这时候我们可以使用过渡动画```div{width:100px;高度：100px；过渡：宽度3s，高度3s；}```2。keyframes实现更复杂的动画）定义一个关键帧动画//关键帧的写法很灵活，一行可以写多个关键帧@keyframesanimationname{0%{...}.../**Point-in-timeelementstate**/...100%{...}}给元素绑定关键帧动画，需要用到animation属性
