I created a basic drop-down Discover widget using pure Elm essentially copying collapse.elm · GitHub . Now I want to make the collapse have a pretty animation. Is there a way to use simple CSS transition like in https://codepen.io/remilaudanski/pen/gbBGyN , or do I have to use a whole new library like…

Hi @nsadeh , You have all the power of existing libraries like elm-animation, but you can also use plain CSS if you want. I ported the example you referred to Elm: https://ellie-app.com/gvJSZkSvXRKa1 As you will see, I just copied all the CSS to the <style> tag and added a little bit of state in …

Simple CSS transitions in Elm?

Learn

mattpiz February 1, 2022, 7:29pm 3

Hi @nsadeh, in case you haven’t tried it yet, elm-simple-animation 2.3.0 was quite nice the last time I used it for simple (stateless) animations.

Topic		Replies	Views
"fold" animation in elm-css Learn	8	1069	September 28, 2020
Elm Simple Animation 2.0.0 Show and Tell	1	1005	March 17, 2021
Simple Animation v1.0.0 Show and Tell	1	526	January 10, 2021
Does it make sense to rely on JS libraries for simple effects s.a., Collapse? Learn	5	892	February 3, 2022
Css transition on element creation/insertion Learn	15	2611	October 31, 2021

Simple CSS transitions in Elm?

Related topics