码迷,mamicode.com
首页 > Web开发 > 详细

【CSS3】好玩的动画线框

时间:2014-11-04 16:32:16      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   sp   div   on   art   代码   bs   

Html代码  bubuko.com,布布扣
  1. <div class="box">动画选框</div>  

 

Css代码  bubuko.com,布布扣
  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 

【CSS3】好玩的动画线框

标签:http   io   ar   sp   div   on   art   代码   bs   

原文地址:http://www.cnblogs.com/xiaochao12345/p/4073723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!