欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > CSS >内容正文

CSS

【CSS3】好玩的动画线框

发布时间：2025/3/21 CSS 41 豆豆
生活随笔 收集整理的这篇文章主要介绍了 【CSS3】好玩的动画线框 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
Html代码  
  • <div class="box">动画选框</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 

    转载于:https://www.cnblogs.com/xiaochao12345/p/4073723.html

    总结

    以上是生活随笔为你收集整理的【CSS3】好玩的动画线框的全部内容，希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。