File tree Expand file tree Collapse file tree 3 files changed +19
-0
lines changed Expand file tree Collapse file tree 3 files changed +19
-0
lines changed Original file line number Diff line number Diff line change @@ -9,6 +9,11 @@ See some examples here: https://elm-simple-animation-examples.surge.sh/
99Animate HTML, SVG (or any UI Elements) with declarative animations
1010
1111``` elm
12+ import Html exposing (Html )
13+ import Simple.Animated as Animated
14+ import Simple.Animation as Animation exposing (Animation )
15+ import Simple.Animation.Property as P
16+
1217animatedDot : Html msg
1318animatedDot =
1419 Animated . div expandFade [ class " dot" ] []
Original file line number Diff line number Diff line change @@ -53,6 +53,11 @@ import Internal.Animation as Animation exposing (Animation)
5353
5454### Render an Animated `div`
5555
56+ import Html exposing (Html)
57+ import Simple.Animated as Animated
58+ import Simple.Animation as Animation exposing (Animation)
59+ import Simple.Animation.Property as P
60+
5661 dot : Html msg
5762 dot =
5863 Animated.div expandFade [ class "dot" ] []
Original file line number Diff line number Diff line change @@ -95,6 +95,9 @@ type Step
9595
9696{- | Create an animation with `start` and `end` properties:
9797
98+ import Simple.Animation as Animation exposing (Animation)
99+ import Simple.Animation.Property as P
100+
98101 fadeOut : Animation
99102 fadeOut =
100103 Animation.fromTo
@@ -122,6 +125,9 @@ fromTo o from_ to_ =
122125
123126{- | Create an animation with multiple steps:
124127
128+ import Simple.Animation as Animation exposing (Animation)
129+ import Simple.Animation.Property as P
130+
125131 backAndForth : Animation
126132 backAndForth =
127133 Animation.steps
@@ -182,6 +188,9 @@ wait =
182188
183189This animation will `wait` for `1500` milliseconds before animating to the next step
184190
191+ import Simple.Animation as Animation exposing (Animation)
192+ import Simple.Animation.Property as P
193+
185194 finishAfterFadeOut : Animation
186195 finishAfterFadeOut =
187196 Animation.steps
You can’t perform that action at this time.
0 commit comments