如何在鸿蒙中实现一个带有渐变和动画效果的按钮？

Question

我正在为一个鸿蒙应用的按钮设置样式，希望这个按钮在被点击时不仅改变颜色，还能够有一个平滑的渐变效果和动画效果。我了解到鸿蒙支持使用CSS的渐变和动画属性来实现这个效果，但是对于如何将它们组合起来并应用到按钮上还有点不明白。能否提供一个包含HML、CSS和JS的完整示例，展示如何实现这个带有渐变和动画效果的按钮？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

当前的transition可满足这种效果，文档有类似的参考案例。
参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...