opa - 如何淡化div的内容？

Question

我是 OPA 的新手。我可以使用 DOM.transform 替换 div 的内容，但我想在替换为新内容之前淡化该内容。

我该怎么做？

基本上，我该如何使用 Dom.Effect？代码片段会有所帮助。

谢谢

Answer 1

这个片段可以帮助你：

effect() =
_ = Dom.transition(#content, Dom.Effect.fade_out())
void

main =
  <h1 id=#content onclick={_ -> effect()} >Content</h1>

server = one_page_server("Hello", -> main)

单击它时它会淡出标题。

检查https://opalang.org/resources/doc/index.html#dom.opa.html/!/value_stdlib.core.xhtml.Dom.Effect