This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2019-09-23
Channels
- # announcements (2)
- # beginners (150)
- # calva (59)
- # cider (10)
- # clj-kondo (63)
- # cljs-dev (15)
- # cljsrn (34)
- # clojure (127)
- # clojure-dev (16)
- # clojure-europe (12)
- # clojure-italy (18)
- # clojure-nl (6)
- # clojure-russia (3)
- # clojure-uk (23)
- # clojurescript (18)
- # clojutre (15)
- # clr (2)
- # cursive (3)
- # datomic (26)
- # duct (6)
- # fulcro (9)
- # graalvm (3)
- # joker (9)
- # lambdaisland (1)
- # off-topic (12)
- # om (1)
- # pathom (29)
- # re-frame (16)
- # reagent (2)
- # shadow-cljs (57)
- # slack-help (2)
- # spacemacs (45)
- # sql (20)
- # xtdb (3)
- # yada (3)
This is more of a general JS question. I see that CSS can animate between 2 CSS styles. But how do people implement animations where the element moves to be under a different div
altogether
> where the element moves to be under a different div
altogether
Can you explain a little more?
think it’s doable but quite complex with pure CSS to have one element follow others - so, normally you’ll have an absolutely positioned element (so it’s out of the document flow) and some JS to animate transforms based on your conditions.
https://www.rolls-roycemotorcars.com/en-GB/ownership.html for example - scroll down and watch the blue line
(guessing that’s what @U66G3SGP5 was thinking of?)
I was thinking something like, I have a stack of cards (which are inside a div), and I want them to move to div on the other side of the screen in an animated manner
I recently used a good library for this, although I can't remember it's name right now. Began with p.
Well, it may not work so well for the DOM shifting technique. But FLIP is generally the strategy you want here 🙂
thanks
I put together a simple template for shadow, sass and reagent, with some light tooling (via make) - https://github.com/dazld/shadow-cljs-sass