html 复制 有时不显示样式

是因为有中文的空格

  1. /**HTML**/  
  2.         div.ani   
  3.   
  4.         /**css**/  
  5.         .ani{   
  6.           width:480px;   
  7.           height:320px;   
  8.           margin:50px auto;   
  9.           overflow: hidden;   
  10.           box-shadow:0 0 5px rgba(0,0,0,1);   
  11.           background-size: cover;   
  12.           background-position: center;   
  13.           -webkit-animation-name: "loops";   
  14.           -webkit-animation-duration: 20s;   
  15.           -webkit-animation-iteration-count: infinite;   
  16.         }   
  17.         @-webkit-keyframes "loops" {   
  18.             0% {   
  19.                 background:url(http://d.hiphotos.baidu.com/image/w%3D400/sign=c01e6adca964034f0fcdc3069fc27980/e824b899a9014c08e5e38ca4087b02087af4f4d3.jpg) no-repeat;                
  20.             }   
  21.             25% {   
  22.                 background:url(http://b.hiphotos.baidu.com/image/w%3D400/sign=edee1572e9f81a4c2632edc9e72b6029/30adcbef76094b364d72bceba1cc7cd98c109dd0.jpg) no-repeat;   
  23.             }   
  24.             50% {   
  25.                 background:url(http://b.hiphotos.baidu.com/image/w%3D400/sign=937dace2552c11dfded1be2353266255/d8f9d72a6059252d258e7605369b033b5bb5b912.jpg) no-repeat;   
  26.             }   
  27.             75% {   
  28.                 background:url(http://g.hiphotos.baidu.com/image/w%3D400/sign=7d37500b8544ebf86d71653fe9f9d736/0df431adcbef76095d61f0972cdda3cc7cd99e4b.jpg) no-repeat;   
  29.             }   
  30.             100% {   
  31.                 background:url(http://c.hiphotos.baidu.com/image/w%3D400/sign=cfb239ceb0fb43161a1f7b7a10a54642/3b87e950352ac65ce2e73f76f9f2b21192138ad1.jpg) no-repeat;   
  32.             }   
  33.         }  

复制的时候有中文空格，所以不显示

posted @ 2016-07-04 20:25  a fine day  阅读(305)  评论(0)  编辑  收藏  举报