CSSまたはjQueryを使って、ホバー時に一瞬だけ点滅するエフェクトを実装する方法 - NxWorld実際の動きは以下デモで確認できます。 CSSで実装する CSSで実装したい場合はopacityを使った透過処理をanimation, @keyframesを使ったアニメーションと組み合わせる形で実装できます。 a:hover { opacity: 1; -webkit-animation-duration: 1s; -webkit-animation-name: flash; animation-duration: 1s; animation-name: flash; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } 上記を記述することで、a要素にホバーした時に一瞬だけ点滅す
HTML5, CSS3, jQuery1.4, WordPress3の厳選チートシート集
CSSとjQueryで実装するタブコンテンツ – creamu
