我有一个使用纯 CSS 创建的按钮。
在鼠标悬停在按钮上时,箭头从上到下进行动画处理。我想在箭头外创建一个圆圈。所以圆圈应该包含箭头。
我不确定这是否可能。我做了一些 Google 研究,但没有找到合适的东西。
<a href="#" class="button">
<span>Hover Me</span>
</a>
fiddle 是here
最佳答案
如果我理解你的话,是这样的:
.button span:before {
content:' ';
position: absolute;
top: 0px;
right: -18px;
opacity: 0;
width: 30px;
height: 30px;
margin-top: -19px;
border-radius: 50%;
background: #000;
transition: opacity 0.2s, top 0.2s, right 0.2s;
}
关于html - 使用纯CSS在箭头周围画圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19571577/