要配合過渡動畫使用border-radius
,可以通過CSS中的transition
屬性來實現。例如:
.element {
border-radius: 50%;
transition: border-radius 0.3s ease;
}
.element:hover {
border-radius: 0%;
}
在上面的示例中,當鼠標懸停在元素上時,border-radius
的值會從50%
過渡到0%
,動畫持續時間為0.3s
,過渡效果為ease
。這樣就可以實現border-radius
的過渡動畫效果。