使用CSS和JavaScript制作动画

我最近开始使用CSS学习动画。它比JS和flash更简单，重量也更轻，但我知道CSS动画有局限性

在上面的链接中，我只是想知道悬停在“Order Now”div上的效果是通过CSS实现的，还是涉及到JS。我一直试图从页面源代码中挑出对效果负责的代码，但我只在CSS方面运气好。我看不到任何改变div风格的JS。也许我错了

---

有什么帮助吗

如果您使用Firefox作为浏览器安装。然后很容易查找站点中使用的任何CSS代码。在您链接的站点中，使用：在css中悬停更改链接 正常链接：

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;
}

---

在浏览器中关闭JS。如果你仍然看到动画，那就是纯CSS。