transition-style/src/wipes/in-top.css

just add water clip-path mask transitions

@keyframes wipe-in-top {
  from {
    clip-path: var(--wipe-top);
  }
  to {
    clip-path: var(--wipe-in);
  }
}

[transition-style="in:wipe:top"],
[transition-style="in:wipe:down"] {
  animation-name: wipe-in-top;
}