That's a pretty reasonable way to do it. Another option could be could be to use one div and use `Animation.send`. Basically you could do something like this.
``` Animation.interrupt [ Animation.to [Animation.opacity 0] , Animation.send DoneFadingOutOldTextPleaseSwitchModelToNewText , Animation.to [Animation.opacity 1] ] ``` In this case you'd have to keep new text in a 'staging area' in your model and then switch it in when DoneFadingOutOldTextPleaseSwitchModelToNewText fires. On Friday, September 30, 2016 at 2:30:53 PM UTC-4, Rex van der Spuy wrote: > > Hi Everyone! > > Just a quick question: Can anyone suggest a simple way to fade out some > old text and fade in some new text when a `model.text` value changes? > > I did this once a few apps ago where I created 2 `div` layers: > `currentText` and `previousText` > Then, when the text value changed, I moved the text to the previousText > layer and faded it out, and then displayed the updated text on the > currentText layer and faded it in. > (I used `elm-html-animation` for the fade effect.) > > Does this seem reasonable or is there a better, easier way? > -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to elm-discuss+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.