.perspective{perspective:1000px}.card{transition:transform .5s;transform-style:preserve-3d}.card:hover{transform:rotateY(5deg) scale(1.05)}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}@keyframes shine{0%{background-position:-100% 50%}to{background-position:200% 50%}}.card:hover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:shine 1.5s infinite}