transition-style/src/squares/_vars.css

just add water clip-path mask transitions

:root {
  --square-hesitate:         inset(33% 33% 33% 33%);
  --square-out:              inset(100% 100% 100% 100%);
  --square-in:               var(--wipe-in);
  --square-top-left-out:     inset(0 100% 100% 0);
  --square-top-right-out:    inset(0 0 100% 100%);
  --square-bottom-left-out:  inset(100% 100% 0 0);
  --square-bottom-right-out: inset(100% 0 0 100%);
}