ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！ / SQUEEZE - Web Design Studio -ブログシリーズ第１弾「『ブログ元年?!』2003年流行しそうなWebサービス」の続編は、壮大過ぎてなかなか筆が進まないのでWebデザインに携わる者として制作にまつわる話題をひとつ。 まずは下の画像をご覧ください。じっと見ていると少し立体的に見えてきませんか？ （上手く見えない場合は、画面から離れたり近づいたりと、距離を前後に調整してみてください。） By brownpauこれは、微妙に違う角度から撮影した2枚の写真を交互にアニメーションすることで、立体的に見せる手法を用いた画像です。3D映画などでは、左目と右目それぞれに別の映像を見せる事で立体的な表現をしていますが、これは残像効果を利用して簡易的に立体感を出しています。 TumblrやFlickrで「Wiggle gif」「3D gif」と検索すると、いろいろ面白い立体画像が見る事ができます。 ・wiggle gif | Tumblr ・
