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