-2
我有一个div具有相同的宽度和高度边框半径50%,我需要像这个链接中显示的这个div边框。动画边界圆
`https://codepen.io/anon/pen/MbWagQ`
我需要相同的动画为圆div。
我有一个div具有相同的宽度和高度边框半径50%,我需要像这个链接中显示的这个div边框。动画边界圆
`https://codepen.io/anon/pen/MbWagQ`
我需要相同的动画为圆div。
.draw {
-webkit-transition: color 0.25s;
transition: color 0.25s;
border-radius: 50%;
}
.draw::before, .draw::after {
border-radius: 50%;
border: 3px solid transparent;
width: 0;
height: 0;
}
div {
background: none;
border: 0;
box-sizing: border-box;
color: #f45e61;
font-size: inherit;
font-weight: 700;
padding: 1em 2em;
text-align: center;
margin: 20px;
position: relative;
vertical-align: middle;
width:100px;
}
div::before, div::after {
box-sizing: border-box;
content: '';
position: absolute;
width: 100%;
height: 100%;
}
和HTML
<div class="draw">draw</div>
我需要咖啡。请参见[问] –
[CSS只能使用边框半径和透明背景设置动画效果](https://stackoverflow.com/questions/26807610/css-only-animate-draw-circle-with-border-半径和 - 透明背景) –