【CSS3】好玩的动画线框

浏览数：46 / 时间：2015年06月09日
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 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 src html com http Go it la class 代码 src html com http Go it la

相关文章

随机文章

您可能还喜欢

您可能还喜欢