如何悬停图片

Question

我喜欢它的方式，例如当你悬停'CR'时会看到个人资料图片，它会在顶部显示图片，它是如何工作的？

请告诉我。

Answer 1

来自here

的Alois Mahdal的回答

<style>
    #tuxie {
        width: 25px; height: 25px;
        background: url('images/tuxie.png') no-repeat left top;
    }
    #tuxie:hover { background-position: -25px 0px }
</style>

<div id="tuxie" />

JSFiddle

Answer 2

这是在CSS3属性的帮助下完成的，即＆＃34;转换：所有0.7s缓出0s;＆＃34; 这将显示这种平滑效果并且保持正常＆＃34;悬停＆＃34; css的财产。

了解＆＃34;过渡＆＃34; css的财产了解更多详情。 http://css3.bradshawenterprises.com/transitions/