ドット絵でパララックス効果 – まなドット

トップページ でトップ絵に採用してみましたが、ドット絵で パララックス効果 をやってみました。 パララックス効果とはなんぞや パララックス(parallax)とは日本語では視差のことで、大雑把に言うと視点が変わることによる物の見え方の違いのことです。 パララックス効果というと、近年おしゃれなWebデザインとして多方面で利用されている、スクロールやマウスの移動などで画像をずらし、その時にずらし方を画像ごとに変えてやることで遠距離感を出す手法を指すようです。 Google検索すると、おしゃれなサイトが沢山出てきます。 今回は、このサイトのトップ絵としてパララックス効果を利用した画像を採用してみました。 デモ こんな感じで、マウスを動かすと視点を変えたかのような動きをします。 レシピ 画像の用意 今回は以下の様な画像を用意しました。 女の子ははじめからトップページ用ということで、僕の嗜好を詰め込

[syanbi]

かわいい