.box { width:300px; height:200px; padding:1px; background-size:10px 10px; background-image:-ms-linear-gradient(-45deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0)); background-image:-moz-linear-gradient(-45deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0)); background-image:-webkit-linear-gradient(-45deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0)); background-image:linear-gradient(-45deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0)); -ms-animation:zi-antBorder 0.8s linear 0s infinite normal; -moz-animation:zi-antBorder 0.8s linear 0s infinite normal; -webkit-animation:zi-antBorder 0.8s linear 0s infinite normal; animation:zi-antBorder 0.8s linear 0s infinite normal; } @keyframes zi-antBorder { 0% { background-position:0px 0px; } 50% { background-position:0px 5px; } 100% { background-position:0px 10px; } }.box>.inner { width:100%; height:100%; background:#fff; }