Maison  >  Article  >  interface Web  >  【CSS3】好玩的动画线框_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:54:481246parcourir

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 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn