Skip to content

Change logo animation to CSS

Clement Ho requested to merge ClemMakesApps/gitlab-ce:css-logo-animation into master

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 animateto 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)

Before DOM 8BrOJAqT4U

After DOM Screen_Shot_2016-08-03_at_10.30.08_PM

Before JnEgliIIVO

After (Basically the same, hard to tell in my gif though because it was hard to get the timings right on the recording) fvLeXxmp3U

Does this MR meet the acceptance criteria?

Merge request reports