/Creative-Portfolio

Inspiration from Karina Sirqueira (karinasirqueira.com)

Primary LanguageCSS

Breakdown of the animation

  • When clicked, all other elements should disappear in a staggered time.
  • About page seamless animation.
  • Once the animation is about to finish, increase the width and height of the clicked shape's svg
  • Once the svg fully covers the screen, then goto the new page.
  • Finally, when exiting,
    1. The SVG needs to fade out
    2. Zoom the background div (plain color) out and start back with a new shape config.