.con img{--c:#adadad;--b:1px;--g:5px;padding:calc(var(--g) + var(--b));--_g:rgba(0,0,0,0) 25%,var(--c) 0;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;transition:.3s,background-position .3s .3s;cursor:pointer}.con img:hover{--_i:100%;transition:.5s,background-size .5s .5s;padding:15px}