transition-style
Version:
just add water clip-path mask transitions
8 lines (7 loc) • 353 B
CSS
:root {
--diamond-center-in: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);
--diamond-center-out: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
--diamond-hesitate: polygon(45% 50%, 50% 25%, 55% 50%, 50% 75%);
--opposing-corners-in: polygon(0 0, 0 100%, 100% 100%, 100% 0);
--opposing-corners-out: polygon(0 0, 50% 50%, 100% 100%, 50% 50%);
}