一个比较新颖的鼠标指向效果

DATE: 2016-05-04 / VIEWS: 866

a:hover{-webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #f3fff2 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #f3fff2 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #e6fde3 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #f3fff2 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #232323; }
@-webkit-keyframes halftone {  100% {  background-size: 2.375em 2.375em, 0.1em 0.1em;  } }
@keyframes halftone {  100% {  background-size: 2.375em 2.375em, 0.1em 0.1em;  } }