Yellow Fade Technique with CSS Animations

I don't think I'm the first person to come up with this idea but figured I'd document it. If you're unfamiliar with the Yellow Fade Technique, make your way over to the 37signals article that ushered in the design effect that was all the rage for awhile. This is the same thing but using CSS animations. /** * Quick fade on target to attract user attention */ :target { -webkit-animation: target-fade

[jitojito]

一瞬だけハイライトする（37signalsのBasecampで使われている）エフェクトをCSS Animationsで再現する。

[teppeis]

:target疑似要素で新着要素にフォーカスしつつハイライトアニメーションする。