HomeStylesTemplates
StyleKit
StylesAnimationsTemplates
BlogChangelog
  1. Home
  2. /Animations
  3. /Elastic Scale
Back to Animations

Elastic Scale

弹簧缩放

Element enters with spring physics, overshooting and rebounding multiple times. More elastic than bounce-in.

EntranceOn MountIntermediateGPU Accelerated

Preview

Code

Duration

800ms

Easing

cubic-bezier(0.34, 1.56, 0.64, 1)

CSS Properties

opacity, transform

Use Cases

  • Notification badge pop-in
  • Achievement unlock animation
  • Playful button entrance
  • Game UI element appearance

Related Animations

bounce-inscale-in

StyleKit

Curated web design styles collection for more beautiful AI-generated websites.

Navigation

StylesTemplatesGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.

(c) 2026 StyleKit. Open Source.

AboutContactPrivacyTermsBuilt with Editorial style