最近CSSを使ったアニメーションの勉強を始めました。JS や flash よりもかなり簡単で軽量ですが、CSS アニメーションには制限があることはわかっています。
上記のリンクで、「今すぐ注文」div の上にカーソルを置いたときの効果が CSS によってのみ達成されるのか、それとも JS が関係しているのか疑問に思っていました。ページ ソースから効果の原因となっているコードを特定しようと試みましたが、運が良かったのは CSS だけでした。div のスタイルを変更する JS が表示されません。たぶん私は間違っています。
何か助けはありますか？
ブラウザとして 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;
}