React 中怎么快速实现 /t/897332 这种过渡动画？

2022-12-17 14:50:32 +08:00
 edis0n0
前两天刷 V 站的时候看到的，传送门 /t/897332

非互联网公司，技术栈都是 10 年前的，感觉这过渡动画不错想在个人产品里加个玩玩。
4524 次点击
所在节点    React
26 条回复
Features
2022-12-17 22:04:37 +08:00
可以想一想不用框架能不能实现
再用框架降低实现的成本
ccraohng
2022-12-17 22:28:17 +08:00
framer motion
react-flip-toolkit
wellerman
2022-12-17 23:27:58 +08:00
先了解一下 css 动画
supertan
2022-12-18 00:59:18 +08:00
讨论啥呢，CSS transition 是实现不了还是咋滴
RabbitDR
2022-12-18 11:24:00 +08:00
基本原理是这个 https://aerotwist.com/blog/flip-your-animations/，可以去搜搜和框架相关的关键词。第一次知道 framer motion ，感觉挺不错的。
xiao252
2022-12-18 22:51:07 +08:00
Shared Element Transition

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/903143

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX