【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 

posted @ 2014-11-05 08:43  super1234  阅读(414)  评论(0)  编辑  收藏  举报