page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
发现 区块链 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
Use when facing any animation problem as a comprehensive diagnostic framework
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。