Html代碼??

<div?class="box">動(dòng)畫選框</div>??

?

Css代碼??

.box{??

??width:300px;??

??height:100px;??

??border:1px?dotted?#fff;??

??border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP8A/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAAACAAIAAACD4wEGcuMvR6cC4hpaU0nFAAh+QQJCgABACwAAAAACAAIAAACEAwiYhvd56KKaErqYDwnrQIAOw==)?1?repeat;??

}??

示例：?
http://codepen.io/puterjam/pen/gGLBj?

轉(zhuǎn)載于:https://www.cnblogs.com/xiaochao12345/p/4073723.html

總結(jié)

以上是生活随笔為你收集整理的【CSS3】好玩的动画线框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。