Change logo animation to CSS
What does this MR do?
Converts the tanuki logo animation from javascript to CSS. You can now animate the tanuki svg logo by adding the CSS Class animate
to it.
Are there points in the code the reviewer needs to double check?
Just need to double check for browser compatibility
Why was this MR needed?
- Using CSS for simple animations is a best practice (Optimizes DOM, uses GPU to do animation rather than CPU)
- Happy DOM
🎈
What are the relevant issue numbers?
Closes #20607 (closed)
Screenshots (if relevant)
After (Basically the same, hard to tell in my gif though because it was hard to get the timings right on the recording)
Does this MR meet the acceptance criteria?
-
CHANGELOG entry added - Tests
-
All builds are passing
-
-
Conform by the style guides -
Branch has no merge conflicts with master
(if you do - rebase it please) -
Squashed related commits together