React应用程序的超级简便实现魔法移动过渡

网友投稿 619 2022-10-26

React应用程序的超级简便实现魔法移动过渡

react-overdrive

Super easy magic-move transitions for React apps

This is NOT production ready (but will be, stay tuned), feel free to play

Demo

The demo can be seen here: https://overdrive-demo.now.sh

Usage

Wrap any element (not just images) in a component. Add the same id to create a transition between the elements.

On page1.js:

import Overdrive from './lib/overdrive'const pageA = (props) => (

Page A

);

On page2.js:

import Overdrive from './lib/overdrive'const pageB = (props) => (

Page B

);

Now route between the pages.

Browser Support

Tested on:

ChromeFirefoxSafariMobile Safari (iOS)IE (should work from IE9 and above, not tested yet)

Todo

Publish npm module Add proper documentation

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:leetcode刷题,我推荐B站这个妹子学霸的视频
下一篇:Json详解以及fastjson使用教程
相关文章

 发表评论

暂时没有评论,来抢沙发吧~