如何淡化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