タグ

3dとcssに関するtsukkeeのブックマーク (2)

  • 普通の検索ボックスを作りました - 最速チュパカブラ研究会

    The JUI 2009 Returns で Paul が CSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。 http://gyu.que.jp/giftbox/google/ 見てのとおり、普通の検索ボックスです。 普通にクエリ入力できます 普通に検索結果を見られます 箱の中にまた箱があることもあります。 …という感じで、また3Dネタですが、単なる画像ではない「生きている」HTML要素がグリグリ画面上を動き回れるというのは、何か新しいことができるんじゃないかという可能性を感じます。Canvas のほうは環境マッピングとかやって見た目は派手でしたが、いずれ O3D やら 3D Canvas やらが普及するまでの「つなぎ」です(だから、ライブラリ化したりする気がおきなかったんですが) しかし、IFRAME を変形させながらネストしてもしっかりレン

    普通の検索ボックスを作りました - 最速チュパカブラ研究会
    tsukkee
    tsukkee 2009/07/19
    > IFRAME を変形させながらネストしてもしっかりレンダリングしてくれる Gecko は大したもんですね(Keith Schwarz の素晴らしい仕事のおかげです)。
  • WebKitの3D回転をざっくりまとめてみた - livedoor Blog(ブログ)

    MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transform/Transitionの基 -webkit-transformで2次元や3次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transformが変化する時のアニメーションを規定する。 流れとしては-webkit-transitionを決めた後に-webkit-transformを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa

  • 1