タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSS3と3Dに関するlaplus-knsnのブックマーク (1)

  • css3で実装する3Dなロールオーバーエフェクトのサンプル - かちびと.net

    面白かったのでご紹介。マウスホバーによるロールオーバーエフェクトをcssで3D表現したサンプルです。休日ですし、ちょっとネタ的な内容ですけど、これはこれで勉強になりました。いろいろと考えますね、ほんと・・ 例によってブラウザは限られてしまうんですが、良い感じの3Dエフェクトでした。 3D CSS rollovers マウスを乗せると縦とか横に回転します。 見ないとピンと来ないですよねという事でサンプルです。cssのみで動作しています。Chrome推奨。下にスクロールすれば何点かデモがあります。 Sample translate3dとかperspective この3D化にはtranslate3dというCSS3が使用されています。 極めていい加減な画像ですがX、Y、Z軸はこうなっています。 .box .front { -webkit-transform: translate3d(0,0,200

    css3で実装する3Dなロールオーバーエフェクトのサンプル - かちびと.net
    laplus-knsn
    laplus-knsn 2011/12/23
    so cool!
  • 1