Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Rotate Left and Rotate Right Animations #14

Closed
4 tasks done
lucasferreiralimax opened this issue Oct 17, 2024 · 0 comments · Fixed by #15
Closed
4 tasks done

Add Rotate Left and Rotate Right Animations #14

lucasferreiralimax opened this issue Oct 17, 2024 · 0 comments · Fixed by #15
Assignees
Labels
enhancement New feature or request hacktoberfest

Comments

@lucasferreiralimax
Copy link
Member

The up-window-angular component currently supports various animations such as fade, slide (in multiple directions), and scale. This issue aims to introduce two new animations: Rotate Left and Rotate Right.

Tasks:

  • Add support for the "rotate-left" animation.
  • Add support for the "rotate-right" animation.
  • Create examples in the AnimationComponent with buttons to open windows using the new animations.
  • Update the style files (animation.component.scss) to include transitions and keyframes for the new rotate animations.

Technical Details:

  1. Rotate Left: The window should rotate along the Z-axis in a counterclockwise direction (negative rotation).
  2. Rotate Right: The window should rotate along the Z-axis in a clockwise direction (positive rotation).
  3. The animations should be smooth and have a duration of around 0.5 seconds.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request hacktoberfest
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant