Skip to content

Add a new animation #1901

@Aditya-Bhadu

Description

@Aditya-Bhadu

Is your feature request related to a problem? Please describe.

**Changes with CSS: **

  • Create a new keyframe animation

  • Follow Animate.css naming conventions

  • Add it to the correct category (Attention Seekers, Entrances, Exits, etc.)

Example ideas:

  1. underlineSlideIn

  2. softGlow

  3. fadeUpSmall

  4. hoverPulseLight

Describe the solution you'd like.

Add a new lightweight CSS animation to Animate.css that provides a subtle, modern interaction effect (such as an underline slide-in or soft hover animation). The animation should follow Animate.css naming conventions, be placed in the appropriate category, and include clear documentation and usage examples so developers can easily apply it to real-world UI elements like links, buttons, and cards.

Describe alternatives you've considered.

/

Additional Context

This enhancement aligns with Animate.css’s goal of providing simple, reusable animations that improve user experience without adding complexity. Subtle interaction animations are widely used in modern web interfaces, and including such an option would help developers apply Animate.css beyond page-load effects. The change would be lightweight, accessible, and consistent with the existing design and contribution guidelines of the project.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions