【CSS3】好玩的动画线框

Html代码  

1. <div class="box">动画选框</div>  

 

Css代码  

1. .box{  
2.   width:300px;  
3.   height:100px;  
4.   border:1px dotted #fff;  
5.   border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAAACAAIAAACD4wEGcuMvR6cC4hpaU0nFAAh+QQJCgABACwAAAAACAAIAAACEAwiYhvd56KKaErqYDwnrQIAOw==) 1 repeat;  
6. }  

示例： 
http://codepen.io/puterjam/pen/gGLBj