【CSS3】动画线框

最新推荐文章于 2025-06-23 13:21:30 发布

原创最新推荐文章于 2025-06-23 13:21:30 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

CSS 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了如何使用CSS实现动画选框效果，并提供了一个实际应用示例。

<div class="box">动画选框</div>


.box{
  width:300px;
  height:100px;
  border:1px dotted #fff;
  border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAAACAAIAAACD4wEGcuMvR6cC4hpaU0nFAAh+QQJCgABACwAAAAACAAIAAACEAwiYhvd56KKaErqYDwnrQIAOw==) 1 repeat;
}

示例：
[url]http://codepen.io/puterjam/pen/gGLBj[/url]