使用CSS和JavaScript的動畫

Question

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

我最近開始使用CSS學習動畫。它比JS和Flash更輕鬆，更輕量，但我知道CSS動畫有侷限性。

在上面的鏈接中，我只是想知道懸停在「立即訂購」div上的效果是通過CSS還是有JS參與。我一直試圖從頁面源代碼中挑選出對效果負責的代碼，但我只有在運用CSS才能運行。我看不到任何改變div風格的JS。也許我錯了。

任何幫助？

Answer 1

如果您使用Firefox作爲瀏覽器安裝Firebug。查找站點中使用的任何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; 
}