欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-10 10:45:43
...
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