Blend

CSSによるロールオーバーイメージ。
マウスオーバーの瞬間に背景画像の位置をずらしている(1) 。
Javascriptを使うより手軽なため、利用される機会は増えている方法。
ただ、一瞬で画像が差し替わるより、わずかな時間差を作って効果を出すにはJavascriptが必要(2)。
こういったわずかな違いに気がつくユーザーは、一体どのくらいいるんだろう?
クリエイター同士にしか気がつかないような、ミクロなこだわりの一つなのかもしれない。

 

(1) CSS によるロールオーバー

Home Blog Demo About Services Contact

(2) Blend を利用した場合

Home Blog Demo About Services Contact

(3) Blend+明滅効果

Home Blog Demo About Services Contact

(4) Blend+反転効果

Home Blog Demo About Services Contact

参考サイト : http://colorpowered.com/blend/