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

#25 Rework moving boxes animations #36

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

tmrdlt
Copy link
Member

@tmrdlt tmrdlt commented Nov 29, 2023

Description & Technical Solution

The Idea for an animation of the cyan box was to let the bottom corners rotate in circles with different radiuses and different cycling time.
I achieved this by calculating the corner positions using sin/cos functions and applying the animation using requestAnimationFrame.

Checklist

⚠️ DON'T merge yet:

  • Update mobile cyan box
  • Update animation for amber box
  • Cleanup (unused CSS classes)

Screenshots

Related issue

@tmrdlt tmrdlt linked an issue Nov 29, 2023 that may be closed by this pull request
@tmrdlt tmrdlt self-assigned this Nov 29, 2023
@tgraupne
Copy link
Collaborator

@tmrdlt, @kenodressel Is this still relevant?

@tmrdlt
Copy link
Member Author

tmrdlt commented Mar 20, 2024

@tgraupne If we still want to rework the animation someday (making it more visible and dynamic), I'd say yes. This was an initial approach, which was never finished.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Rework moving boxes animations
2 participants