css3动画的暂停与运行

<div class="panorama"></div>

.panorama {  width: 300px;  height: 300px;  background-image: url(http://7vilbi.com1.z0.glb.clouddn.com/blog/6608185829213862083.jpg);  background-size: auto 100%;  cursor: pointer;  animation: panorama 10s linear infinite alternate;  animation-play-state: paused;}.panorama:hover,.panorama:focus {  animation-play-state: running;}@keyframes panorama {  to {    background-position: 100% 0;  }}

CSS3动画控制属性animation-play-state: paused | running，它表示动画的两个状态：暂停和运行。