前言
在开发网站或应用时,菜单、关闭、返回等图标切换动画经常出现。传统方案往往需要单独编写动画逻辑,甚至为不同图标组合制作专门的过渡效果。
今天给大家推荐的 Morphicons,则提供了一种更优雅的解决方案。它能够让一个图标自然变形为另一个图标,并且支持 React、Vue、Svelte 等主流前端框架,对于追求细节体验的开发者来说非常值得关注。
简介
Morphicons 是一个专注于 SVG 描边图标(Stroke Icons)变形动画的开源库。项目最大的特点是支持任意图标之间的自动变形,而无需为每组图标手动配置动画规则。官方表示其采用数学方式计算图标间的最佳变换路径,并结合弹簧动画实现自然过渡效果。
目前项目支持 React、Vue、Svelte 以及 React Native,同时提供 DOM 版本实现。
演示效果








