:hover 鼠标移入，切换图片

原来​​:hover​​​ 和 ​​:link​​​ ​​:visited​​​，是两种状态，只在link中写​​transition​​​ 的意思是从hove r切换到 link 的时候有动画，而反过来就不可以了。这就需要在 ​​:hover​​​ 中添加一个动画，使其从普通状态切换到 ​​hover​​​ 的时候也有动画。
代码如下：

.share:link, .share:visited{
backgroud-position:0 0;
transition:background-position 0.3s;
}

.share:hover{
backgroud-position:0 40px;
transition:background-position 0.3s;
}