要在按钮上添加SVG动画,可以使用以下步骤:
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(100px);
}
}
circle {
animation: move 2s ease-in-out infinite alternate;
}
这将使圆形元素沿着X轴从左边移动到右边,并在2秒钟内完成一次来回的移动,无限循环。
完整的代码示例如下:
这样,就可以在按钮上添加一个包含SVG动画的效果了。
上一篇:按钮上的数字不同
下一篇:按钮上的TextView不显示。