Clip Corners
Corners cycle between sharp and beveled for a techy frame.
Preview
Tune parameters
Full code
/* Clip Corners */
@keyframes clipCorners {
0%, 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
50% { clip-path: polygon(12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%, 0 12%); }
}
.clip-corners { animation: clipCorners 2.8s ease-in-out infinite; }