javascript - 使用 CSS 和 JavaScript 制作动画

Question

https://order.dominos.com/en/

我最近开始使用 CSS 学习动画。它比 JS 和 flash 更容易且重量更轻，但我知道 CSS 动画存在局限性。

在上面的链接中，我只是想知道悬停在“立即订购”div 上的效果是仅通过 CSS 实现还是涉及 JS。我一直试图从负责该效果的页面源中挑选出代码，但我只对 CSS 感到幸运。我看不到任何改变 div 样式的 JS。也许我错了。

有什么帮助吗？

Answer 1

如果您使用 Firefox 作为浏览器，请安装Firebug。然后很容易查找网站中使用的任何 CSS 代码。在站点中，您链接的链接使用 :hover in css Normal link 更改：

span a {
border-radius: 7px 7px 0 0;
color: #0078AE;
display: block;
font-family: DominosFont,Arial,Helvetica,sans-serif;
padding: 10px 20px;
text-decoration: none;
}

徘徊：

#genericHeader .mainNavigation span a:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #F9022D;
}