Skip to content
Search

Computer animation

lastmod 2025-08-05created 2018-11-2121 edits

Can also be reached via Animation.

Categories

  • Skeletal animation
  • Path animation
  • Hand writing animation
  • Gooey effect
  • SVG
  • Carousel
  • Morphing
  • Sliding Animation
  • The Stomp Animation
  • The Curtain Animation
  • Animated Text Outline Effect
  • Animated Text Fill Effect
  • Neon Light Animation
  • In and Out of Focus Effect
  • Carousel
  • Glassmorphism Effect - glassmorphism effect (glass pane glare)

Examples

Tools

  • SpookyGhost - A procedural sprite animation tool made with the nCine

Skeletal Animation Tools

Libraries

The 12 basic principles of animation

Animation12principles_-_squash_stretch.gif
Animation12principles_-_anticipation.gif

Squash & Stretch

Anticipation

Animation12principles_-_staging.gif
Animation12principles_-_straight_ahead_pose_to_pose.gif

Staging

Straight Ahead & Pose To Pose

Animation12principles_-_follow_through_overlapping.gif
Animation12principles_-_slow_in_slow_out.gif

Follow Through & Overlapping

Slow In & Slow Out

Animation12principles_-_arcs.gif
Animation12principles_-_secondary_action.gif

Arcs

Secondary Action

Animation12principles_-_timing.gif
Animation12principles_-_exaggeration.gif

Timing

Exaggeration

Animation12principles_-_solid_drawings.gif
Animation12principles_-_appeal.gif

Solid Drawings

Appeal

See also

Favorite site

  • The difference between good and great animations | GeekNews
    • [Original] Good vs Great Animations
    • Animation is a key factor in UI quality; beyond simply looking good, it provides a natural feel and intuitive interactions
    • Making great animations requires awareness of the origin, choosing the right Easing, using spring effects, and a deep understanding of your tools
    • Custom Easing curves can convey stronger immersion and energy than the default CSS Easing functions
    • Using Framer Motion's useSpring hook makes mouse-position-based interactions feel more realistic and smooth
    • The deeper your understanding of CSS properties, the more creatively you can implement new animations or improve existing ones
author Zer0 sitemap