遇到个别<li>背景和CSS3过渡问题</li>

Question

编辑： 我已经改变了这个问题，因为它过于局部化并获得了负面评论。希望现在这可以适用于其他人，虽然我正在努力进一步改善它，（对不起原文）。

问：

如何使用CSS3使保证金更改顺利？这样，当您将鼠标悬停在触及屏幕一侧的链接上时，它似乎会滑出或下拉？

谢谢，

瑞克

（原始问题中使用的网站与http://www.rickdonohoe.co.uk）

有关

Answer 1

我检查了您已修复的第一个问题，您可以尝试使用此问题进行第二个解决方案

#social_links li{-moz-transition:all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} #social_links li:hover{background:#74dcff;}

Answer 2

1. 您必须给li一个宽度。

   #social_links li {
       ...
       width: 20px;
   }
   

2. 我建议你使用jQuery animate函数。