ramjet
ramjet copied to clipboard
Morph DOM elements from one state to another with smooth animations and transitions
The ramjet demo at http://www.rich-harris.co.uk/ramjet/ currently fails on the SVG slide on Chrome (68.0.3440.106/macOS). Here is what it does: 
I'm using this lib [cssobj](https://github.com/cssobj/cssobj), it's creating CSS rules from JS. Is it possible to transform between 2 CSS Rules from JS? ``` js // class in JS using cssobj...
Hi, I'm using vue-overdrive, but under the hood it uses your ramjet. So maybe you can help me ;) I have done a [screencast](https://www.useloom.com/share/ccf585c7e2ec4f829dc7f18e7eceb210) to demonstrate the problem. As you...
This will add the badge to show its version on CDNJS and also link to its page on CDNJS!
Hi, I wonder if it could be possible to morph two elements in two steps instead of one. ...Explanation : I'm making a transition between two pages. Lets say the...
Small rant sorry... You should mention somewhere that elements have to be hidden first then do `ramjet.transform()`, and use `{ done: => { ramjet.show(target) }}`... and also maybe that it...
**not ready for merge** Wild things start happening when you transform descendants of statically positioned nodes, because the absolute positioning (which is necessary to avoid insane layout glitches) is calculated...
I'm getting this bug in my own code but you can also see it happening in the multicolour-number-grid demo (at http://www.rich-harris.co.uk/ramjet/ under More Examples). To reproduce: Visit that page on...
Rotate
Any chance this will work with certain CSS transformations like rotate, i.e.: ``` css #a{ ... } #b{ ... transform: rotate(90deg); } ``` Also, rotating twice from beginning to end...
Hi @Rich-Harris, Would it be possible to create a ramjet that can rely entirely on the web animations api? It would be great to be able to make ramjets of...