我想在我的导航栏链接上创建一个悬停，就像本例中的链接一样 http://livedemo00.template-help.com/wt_39513/index.html
我不一定想要答案，但更多的是我需要了解哪些资源或指南才能了解正在发生的事情。从我到目前为止读到的CSS3有转换来控制这个功能？
我想了解它是如何工作的，特别是我希望实现的例子。
任何帮助表示赞赏
答案 0 :(得分：2)
非常有趣的例子，Richlewis。在您向我们显示的页面上，转换用于菜单中的每个li元素。在他们的样式表中，您可以找到以下这些行：
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
这基本上意味着“在这个li元素的所有属性上使用转换”。但是，在此示例中，最重要的是background-position属性。当您将鼠标悬停在此元素上时，它用于滚动背景。
背景图案（可以在这里找到：http://livedemo00.template-help.com/wt_39513/images/nav_li.png）只是1px宽的绿色图像，有两个透明的间隙。
如果你想了解更多有关CSS3过渡的信息，我在这里找到了一篇很棒的文章：http://www.alistapart.com/articles/understanding-css3-transitions/。
希望这会有所帮助。 ：）
