Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[JAVASCRIPT] Silhouette Fadeins – ロールオーバーでシルエットから写真にフェードイン

  • Pocket
  • このエントリーをはてなブックマークに追加

ロールオーバーする事で、シルエットの中の人物が写真へとフェードインするというJavascript。ライブラリにはjQueryが使われています。デモページはこちら。これを見て「おっ」って思う点が2つあります。1つはロールオーバーでフェードインしてくる点。もう1つは画像と画像の境目が直線でない点。前者はJSによって、後者は画像スワップを全体で行っている事によって実現しているようです。たまにあるんですよね、スワップさせたい画像同士が直線で隣接していない時って。細かいトコですがソース記述の参考になります。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください