Skip to content

Fix typo in CSS animation name: fadeInn should match @keyframes fadeIn #1

@ojasshelke

Description

@ojasshelke

The CSS in style block defines @Keyframes fadeIn, but the container is using animation: fadeInn, which causes the animation not to run. This looks like a simple typo in the animation name.

Steps to Reproduce
1. Open the page in a browser.
2. Observe the .container element on load.
3. Expected fade-in animation does not occur.

Expected Behavior

The container should fade in smoothly when the page loads.

Actual Behavior

No animation is applied because the defined animation name (fadeIn) does not match the one referenced (fadeInn).

Suggested Fix

Update the CSS property in .container to use the correct animation name:

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions