索引
俗称总表
同一个效果常有好几种叫法。这里是全站的俗称、口语说法和英文术语——按名字搜,或者直接扫一遍。
251 个俗称,来自 40 条词条
251 个俗称,来自 40 条词条
M动效与节奏
53 个俗称- 错峰动画交错进场StaggerM-01
- 依次出现交错进场StaggerM-01
- 级联出现交错进场StaggerM-01
- 逐条入场交错进场StaggerM-01
- cascading entrance交错进场StaggerM-01
- staggered animation交错进场StaggerM-01
- 缓动函数缓动曲线EasingM-02
- 时间曲线缓动曲线EasingM-02
- 速度曲线缓动曲线EasingM-02
- 贝塞尔曲线缓动曲线EasingM-02
- timing function缓动曲线EasingM-02
- easing curve缓动曲线EasingM-02
- cubic-bezier缓动曲线EasingM-02
- 弹性动画弹簧动画Spring PhysicsM-03
- 回弹弹簧动画Spring PhysicsM-03
- 物理动画弹簧动画Spring PhysicsM-03
- 弹性缓动弹簧动画Spring PhysicsM-03
- spring animation弹簧动画Spring PhysicsM-03
- overshoot弹簧动画Spring PhysicsM-03
- bouncy弹簧动画Spring PhysicsM-03
- 滚动出现滚动揭示Scroll RevealM-04
- 滚动淡入滚动揭示Scroll RevealM-04
- 进入视口出现滚动揭示Scroll RevealM-04
- 滚动加载动画滚动揭示Scroll RevealM-04
- reveal on scroll滚动揭示Scroll RevealM-04
- fade in on scroll滚动揭示Scroll RevealM-04
- view enter滚动揭示Scroll RevealM-04
- 视差视差滚动ParallaxM-05
- 层叠滚动视差滚动ParallaxM-05
- 分层滚动视差滚动ParallaxM-05
- 视差效果视差滚动ParallaxM-05
- parallax scrolling视差滚动ParallaxM-05
- multi-layer scroll视差滚动ParallaxM-05
- scroll depth视差滚动ParallaxM-05
- 滚动时间线滚动驱动动画Scroll-Driven AnimationM-06
- 滚动进度动画滚动驱动动画Scroll-Driven AnimationM-06
- 滚动联动动画滚动驱动动画Scroll-Driven AnimationM-06
- scroll timeline滚动驱动动画Scroll-Driven AnimationM-06
- scroll-driven animations滚动驱动动画Scroll-Driven AnimationM-06
- animation-timeline滚动驱动动画Scroll-Driven AnimationM-06
- 页面转场视图过渡View TransitionsM-07
- 跨页面过渡视图过渡View TransitionsM-07
- 共享元素过渡视图过渡View TransitionsM-07
- view transition视图过渡View TransitionsM-07
- view-transition视图过渡View TransitionsM-07
- page transition视图过渡View TransitionsM-07
- 跟随鼠标光标跟随Cursor FollowerM-08
- 指针跟随光标跟随Cursor FollowerM-08
- 鼠标尾巴光标跟随Cursor FollowerM-08
- custom cursor光标跟随Cursor FollowerM-08
- cursor follower光标跟随Cursor FollowerM-08
- mouse follower光标跟随Cursor FollowerM-08
- pointer follower光标跟随Cursor FollowerM-08
F交互反馈
49 个俗称- 悬停浮起悬停抬升Hover LiftF-01
- 鼠标移上去抬起来悬停抬升Hover LiftF-01
- 卡片上浮悬停抬升Hover LiftF-01
- hover 抬高悬停抬升Hover LiftF-01
- hover lift悬停抬升Hover LiftF-01
- card hover elevation悬停抬升Hover LiftF-01
- 按下缩放按压反馈Press FeedbackF-02
- 点击回弹按压反馈Press FeedbackF-02
- 按压态按压反馈Press FeedbackF-02
- 按下反馈按压反馈Press FeedbackF-02
- button press effect按压反馈Press FeedbackF-02
- active state scale按压反馈Press FeedbackF-02
- 磁力按钮磁吸按钮Magnetic ButtonF-03
- 跟随鼠标的按钮磁吸按钮Magnetic ButtonF-03
- 吸附光标磁吸按钮Magnetic ButtonF-03
- magnetic hover磁吸按钮Magnetic ButtonF-03
- cursor-following button磁吸按钮Magnetic ButtonF-03
- magnetic pull磁吸按钮Magnetic ButtonF-03
- 骨架屏骨架屏微光Skeleton ShimmerF-04
- 微光扫过骨架屏微光Skeleton ShimmerF-04
- 加载占位骨架屏微光Skeleton ShimmerF-04
- shimmer loading骨架屏微光Skeleton ShimmerF-04
- skeleton screen骨架屏微光Skeleton ShimmerF-04
- content placeholder骨架屏微光Skeleton ShimmerF-04
- 乐观更新乐观更新Optimistic UIF-05
- 先改后存乐观更新Optimistic UIF-05
- 点了立刻变乐观更新Optimistic UIF-05
- optimistic update乐观更新Optimistic UIF-05
- rollback on failure乐观更新Optimistic UIF-05
- immediate UI乐观更新Optimistic UIF-05
- 轻提示轻提示ToastF-06
- 消息提示条轻提示ToastF-06
- 浮层提示轻提示ToastF-06
- 自动消失的提示轻提示ToastF-06
- toast notification轻提示ToastF-06
- snackbar轻提示ToastF-06
- 水波纹涟漪反馈RippleF-07
- 点击涟漪涟漪反馈RippleF-07
- 波纹扩散涟漪反馈RippleF-07
- ripple effect涟漪反馈RippleF-07
- material ripple涟漪反馈RippleF-07
- touch ripple涟漪反馈RippleF-07
- 命令面板命令面板Command PaletteF-08
- 快捷搜索框命令面板Command PaletteF-08
- ⌘K 面板命令面板Command PaletteF-08
- command palette命令面板Command PaletteF-08
- command menu命令面板Command PaletteF-08
- quick switcher命令面板Command PaletteF-08
- spotlight search命令面板Command PaletteF-08
L布局与结构
49 个俗称- 吸顶导航粘性头部Sticky HeaderL-01
- 固定顶栏粘性头部Sticky HeaderL-01
- 滚动吸顶粘性头部Sticky HeaderL-01
- sticky nav粘性头部Sticky HeaderL-01
- fixed header粘性头部Sticky HeaderL-01
- hide on scroll粘性头部Sticky HeaderL-01
- 卡片堆叠粘性堆叠卡片Sticky Stacking CardsL-02
- 叠卡片粘性堆叠卡片Sticky Stacking CardsL-02
- 滚动叠卡粘性堆叠卡片Sticky Stacking CardsL-02
- sticky stacking cards粘性堆叠卡片Sticky Stacking CardsL-02
- stacking cards粘性堆叠卡片Sticky Stacking CardsL-02
- card stack on scroll粘性堆叠卡片Sticky Stacking CardsL-02
- 瀑布流布局瀑布流MasonryL-03
- 瀑布流排版瀑布流MasonryL-03
- 长短卡片错落瀑布流MasonryL-03
- masonry layout瀑布流MasonryL-03
- pinterest layout瀑布流MasonryL-03
- waterfall layout瀑布流MasonryL-03
- 便当盒布局Bento 网格Bento GridL-04
- 便当网格Bento 网格Bento GridL-04
- 大小格拼贴Bento 网格Bento GridL-04
- bento layoutBento 网格Bento GridL-04
- bento box gridBento 网格Bento GridL-04
- feature gridBento 网格Bento GridL-04
- 滚动吸附滚动捕捉Scroll SnapL-05
- 滑动吸附滚动捕捉Scroll SnapL-05
- 对齐滚动滚动捕捉Scroll SnapL-05
- scroll snapping滚动捕捉Scroll SnapL-05
- snap scrolling滚动捕捉Scroll SnapL-05
- scroll-snap-type滚动捕捉Scroll SnapL-05
- 手风琴折叠面板AccordionL-06
- 展开收起折叠面板AccordionL-06
- 折叠展开折叠面板AccordionL-06
- collapsible panel折叠面板AccordionL-06
- collapse折叠面板AccordionL-06
- disclosure折叠面板AccordionL-06
- 虚拟列表虚拟滚动Virtual ScrollingL-07
- 长列表优化虚拟滚动Virtual ScrollingL-07
- 窗口化渲染虚拟滚动Virtual ScrollingL-07
- virtual list虚拟滚动Virtual ScrollingL-07
- windowing虚拟滚动Virtual ScrollingL-07
- virtualized list虚拟滚动Virtual ScrollingL-07
- 无缝滚动跑马灯MarqueeL-08
- 横向滚动条跑马灯MarqueeL-08
- 循环滚动跑马灯MarqueeL-08
- marquee跑马灯MarqueeL-08
- infinite marquee跑马灯MarqueeL-08
- ticker跑马灯MarqueeL-08
- scrolling text跑马灯MarqueeL-08
V视觉质感
50 个俗称- 磨砂玻璃毛玻璃Frosted GlassV-01
- 磨砂毛玻璃Frosted GlassV-01
- 毛玻璃效果毛玻璃Frosted GlassV-01
- backdrop blur毛玻璃Frosted GlassV-01
- backdrop-filter毛玻璃Frosted GlassV-01
- glass blur毛玻璃Frosted GlassV-01
- 玻璃态玻璃拟态GlassmorphismV-02
- 玻璃质感玻璃拟态GlassmorphismV-02
- 玻璃卡片玻璃拟态GlassmorphismV-02
- glass UI玻璃拟态GlassmorphismV-02
- glass card玻璃拟态GlassmorphismV-02
- glassmorphic玻璃拟态GlassmorphismV-02
- 网格渐变渐变网格Mesh GradientV-03
- 弥散渐变渐变网格Mesh GradientV-03
- 多色渐变背景渐变网格Mesh GradientV-03
- mesh gradient渐变网格Mesh GradientV-03
- diffuse gradient渐变网格Mesh GradientV-03
- aurora background渐变网格Mesh GradientV-03
- 噪点颗粒噪点Grain NoiseV-04
- 颗粒感颗粒噪点Grain NoiseV-04
- 胶片颗粒颗粒噪点Grain NoiseV-04
- 杂色颗粒噪点Grain NoiseV-04
- film grain颗粒噪点Grain NoiseV-04
- noise texture颗粒噪点Grain NoiseV-04
- grain overlay颗粒噪点Grain NoiseV-04
- 聚光灯光晕聚光Spotlight GlowV-05
- 鼠标光晕光晕聚光Spotlight GlowV-05
- 光标跟随光光晕聚光Spotlight GlowV-05
- spotlight card光晕聚光Spotlight GlowV-05
- cursor glow光晕聚光Spotlight GlowV-05
- radial highlight光晕聚光Spotlight GlowV-05
- 渐变边框渐变描边Gradient BorderV-06
- 彩色描边渐变描边Gradient BorderV-06
- 渐变边渐变描边Gradient BorderV-06
- border gradient渐变描边Gradient BorderV-06
- gradient stroke渐变描边Gradient BorderV-06
- rainbow border渐变描边Gradient BorderV-06
- 极光背景极光渐变Aurora GradientV-07
- 流动渐变极光渐变Aurora GradientV-07
- 光晕背景极光渐变Aurora GradientV-07
- aurora background极光渐变Aurora GradientV-07
- aurora gradient极光渐变Aurora GradientV-07
- animated gradient background极光渐变Aurora GradientV-07
- 渐隐遮罩边缘渐隐Mask FadeV-08
- 边缘淡出边缘渐隐Mask FadeV-08
- 两端渐隐边缘渐隐Mask FadeV-08
- mask fade边缘渐隐Mask FadeV-08
- fade mask边缘渐隐Mask FadeV-08
- gradient mask边缘渐隐Mask FadeV-08
- edge fade边缘渐隐Mask FadeV-08
T排版与文字
50 个俗称- 流式字号流体排版Fluid TypeT-01
- 自适应字号流体排版Fluid TypeT-01
- 弹性排版流体排版Fluid TypeT-01
- fluid typography流体排版Fluid TypeT-01
- fluid type scale流体排版Fluid TypeT-01
- responsive font-size流体排版Fluid TypeT-01
- 平衡换行平衡折行Text BalanceT-02
- 折行平衡平衡折行Text BalanceT-02
- 标题不孤字平衡折行Text BalanceT-02
- text-wrap balance平衡折行Text BalanceT-02
- balanced headline平衡折行Text BalanceT-02
- balanced text wrapping平衡折行Text BalanceT-02
- 渐变字体渐变文字Gradient TextT-03
- 文字渐变渐变文字Gradient TextT-03
- 彩色文字渐变文字Gradient TextT-03
- gradient text渐变文字Gradient TextT-03
- background-clip text渐变文字Gradient TextT-03
- text gradient渐变文字Gradient TextT-03
- 逐字动画逐字显现Character RevealT-04
- 字符入场逐字显现Character RevealT-04
- 逐字出现逐字显现Character RevealT-04
- character reveal逐字显现Character RevealT-04
- split text animation逐字显现Character RevealT-04
- per-character animation逐字显现Character RevealT-04
- 可变字重可变字体Variable FontT-05
- 轴字体可变字体Variable FontT-05
- 可变字体动画可变字体Variable FontT-05
- variable font可变字体Variable FontT-05
- font-variation-settings可变字体Variable FontT-05
- weight axis可变字体Variable FontT-05
- 数字递增数字滚动Count UpT-06
- 数值动画数字滚动Count UpT-06
- 计数动画数字滚动Count UpT-06
- count up数字滚动Count UpT-06
- number counter数字滚动Count UpT-06
- animated counter数字滚动Count UpT-06
- 空心字描边文字Text StrokeT-07
- 描边字描边文字Text StrokeT-07
- 轮廓文字描边文字Text StrokeT-07
- text stroke描边文字Text StrokeT-07
- outlined text描边文字Text StrokeT-07
- hollow text描边文字Text StrokeT-07
- text outline描边文字Text StrokeT-07
- 等宽数字等宽数字Tabular NumbersT-08
- 数字不跳等宽数字Tabular NumbersT-08
- 表格数字等宽数字Tabular NumbersT-08
- tabular figures等宽数字Tabular NumbersT-08
- tabular-nums等宽数字Tabular NumbersT-08
- monospaced digits等宽数字Tabular NumbersT-08
- lining figures等宽数字Tabular NumbersT-08