使用CSS和JavaScript的动画

Question

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

我最近开始使用CSS学习动画。 它比JS和Flash轻而易举，但我知道CSS动画存在局限性。

在上面的链接中，我只是想知道是否仅通过CSS或涉及JS才能实现将鼠标悬停在“立即订购” div上的效果。 我一直在尝试从页面源代码中挑选出负责效果的代码，但是我只靠CSS运气。 我看不到任何可更改div样式的JS。 也许我错了。

有什么帮助吗？

Answer 1

如果您使用Firefox作为浏览器，请安装Firebug 。 然后很容易查找站点中使用的所有CSS代码。 在站点中，您使用css中的：hover更改了链接链接普通链接：

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