CSS开发积累

@keyframes

键帧，定义控件的关键帧。

 @keyframes moveAndExchangeColor {
    0% {
      top: 0px;
      width: 100px;
      height: 100px;
      background: yellow;
    }

    100% {
      top: 400px;
      height: 200px;
      width: 300px;
      background: red;
    }
  }

控件会从原点（top:0px;left:0px）出发，向下移动400px，同时width和height同时扩大至300px和200px。

background 的切图

 #img {
      background: url(/image/portalNewImg.png) -388px -144px no-repeat;
      width:100px;
      height: 100px;
      position: relative;
      top:0px;
    }

选择图片portalNewImg.png作为背景，其中选取以右移388px，下移144px，作为截取的原点，切取100px，100px大小的图片。