@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.classCardContainer{position:relative}.classCardContainer:before{background:linear-gradient(var(--angle,0deg),hsla(0,0%,100%,.5),transparent) border-box;border:1.5px solid transparent;border-radius:16px;content:"";height:100%;left:0;-webkit-mask:linear-gradient(#ffffffde 0 0) padding-box,linear-gradient(#ffffffde 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute;top:0;transition:background 1s;width:100%}.classCardContainer:hover:before{animation:borderRotate 3s infinite}@keyframes borderRotate{to{--angle:360deg}}