.cardContainer{.shine{display:none}&:hover{.shine{display:block}}.shine:after{content:"";top:0;left:0;transform:translateX(-100%);width:50%;height:300%;position:absolute;z-index:1;animation:slide 1s .3s forwards;background:-moz-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,.75) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0));background:-o-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-ms-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1)}}@keyframes slide{0%{transform:translateX(-200%) rotate(45deg) translateY(-50%)}to{transform:translateX(200%) rotate(45deg) translateY(-50%)}}