Image splitting effect with CSS and JQuery(自動ドア風スライド画像エフェクト)

画像にカーソルをホバーさせると、
まるで自動ドアのように画像が左右に分割スライドし、
その下にある画像が現れるjQueryのエフェクト。

以前取り上げた「Stunning Sliding Door Effect with jQuery(四方分割スライド画像エフェクト)」が4分割スライドするのに対して、こちらは2分割スライド。

使用する場面によっては効果的なエフェクト。

以下のホームページからソースをダウンロードできる。

Image splitting effect with CSS and JQuery | web enavu

 

デモページはこちら。イージングの効果を付加したデモもある。

Dual sliding door effect with one Image

 

【サンプル画像】
自動ドア風スライド画像エフェクト

 

Tags: