悬停上的圆形按钮动画 - 边框移动效果

Question

我想知道，如果可以在圆形按钮上实现这种效果吗？

我的按钮看起来像是附件。

此致 标记

Answer 1

是的，您可以添加

border-radius: 25px;

到css类buttonContainer它会工作（我不确定动画当然）

Answer 2

你还没有真正说过动画应该做什么，但是这个CSS会创建你所展示的外观：

 #btnTest { border-radius:25px; 
            font-family:Arial; 
            color:#00f; 
            border: 5px solid #00f;
            padding:5px; 
            width:100px;
           }

请参阅：https://jsfiddle.net/57cds145/