BradTraversy50Projects50Days-3D-Background-Boxes

Practiced in;

  • CSS: transform: skewY(45deg), ::before, content: ""
  • JS: for, .addEventListener, .ClassList.toggle,

A website with a button that break out the gif to 16 pieces and re-connect them by 3D animation.

preview.mov