Animation 如何在Elm UI中设置鼠标动画？

我想一个简单的擦拭时，悬停在一个按钮。我想出了使用

mouseOver

来更改悬停时的背景，但我不知道如何创建从一个背景到另一个背景的擦除。 我知道，但我对Elm来说太陌生了，无法理解这些文档

---

谢谢

这涉及到令人惊讶的内容，部分原因是我怀疑专门围绕elm ui设计的适当转换库（AFAICT）仍然缺失

基本步骤如下所示：

定义开始和鼠标悬停状态的属性

找出这些属性在elm简单动画中对应的属性

为这些添加一个过渡

---

您可以看到一个工作示例。

完美答案，谢谢！只需添加此链接即可帮助用户完成步骤2

Element.Input.button
    [ Background.color (Element.rgb 0.5 0.5 0.6)
    , Element.mouseOver
        [ Background.color (Element.rgb 0.7 0.7 1)
        ]
    , Transition.properties
        [ Transition.backgroundColor 500 []
        ]
        |> Element.htmlAttribute
    ]
    { onPress = Nothing
    , label = Element.text "Hello"
    }