要配合过渡动画使用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
的过渡动画效果。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:border-radius是什么意思