我想在我的导航栏链接上创建一个悬停，就像这个例子 http://livedemo00.template-help.com/wt_39513/index.html
我不一定想要答案，但我需要更多的资源或指南来了解正在发生的事情。从我目前阅读的内容来看，CSS3 有可以控制这个功能的转换？
我想了解它是如何工作的，尤其是我想要实现的示例。
任何帮助表示赞赏
问问题
71 次
1 回答
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/ 。
希望这可以帮助。:)
于 2012-06-21T18:21:52.050 回答