我可以在纯CSS中将这样的动画添加到按钮的边框吗？

编程问答 2022-08-23

问题描述

在此codepen中，动画的是一个div，https://codepen.io/kevinmcullen/pen/PVmwVz?editors=1100&fbclid=IwAR0IY6EsrDj-lMs_U11ys6npbqsKd1KB5guTkMG6xCAA0GEW9_jlTwMF0Yc 

  <div class="wrapper">
    <div class="border"></div>
    <div class="main-element"></div>
  </div>
</body>

在我的代码中看起来像这样

是否甚至有可能在按钮上制作这样的动画边框？

https://codepen.io/paulshepherd/pen/YzqyYZw 

<ul>
          <li>
            
                <button class="programming active1">Programming
                  <i class="fa fa-caret-down"></i>
                </button>
                
                <div class="dropdown-container" style="display: block;" >

我也尝试使用此代码，但是将其转换为CSS时遇到问题。

在此示例中，标签用作按钮

https://codepen.io/ARS/pen/vEwEPP 


<a href="https://codepen.io/ARS" target="_blank"><span>button</span></a>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationborderhtml