我想创建一个简单的悬停效果,我有一个灰色的 facebook、twitter 和 youtube 图像,当它悬停时,我想从社交媒体获取原始颜色,这就是我想要的。
这是我的html。
<div class="social-top">
<ul>
<li><a href=""><img src="images/social/fb.png"></a></li>
<li><a href=""><img src="images/social/twitter.png"></a></li>
<li><a href=""><img src="images/social/yt.png"></a></li>
</ul>
</div>
这是我的CSS。
.social-top {
width: 150px;
padding-left: 650px;
}
.social-top li {
display: inline-block;
width: 40px;
}
.social-top a {
display: block;
overflow: hidden;
height: 30px;
position: absolute;
}
.social-top a:hover {
top: 30px;
}
这是一个具有我想要的效果的网站:
问候。