.box:before{content:"";transform-origin:0 0;opacity:0;background:linear-gradient(#000a16 7.9%,#000 94.1%);transition:all .4s ease-in-out;position:absolute;inset:20px;transform:rotateY(90deg)}.box:hover:before{opacity:.9;transform:rotateY(0)}.box:hover .box-content{opacity:1;transform:translate(-50%)translateY(-50%)}