首页 >web前端 >html教程 >【CSS3】好玩的动画线框_html/css_WEB-ITnose

【CSS3】好玩的动画线框_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:54:481265浏览

Html代码  

  1. 动画选框
      

 

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 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn