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

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

WBOY
WBOY原創
2016-06-24 11:54:481269瀏覽

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