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