Unfolding 3D Thumbnails Concept | Codrops
The images used in the demos are by Angelo González and they are licensed under the Creative Commons Attribution 2.0 Generic (CC BY 2.0) License. (Vendor prefixes will be omitted in the following, but you’ll of course find them in the files.) For this effect we want to have a simple initial structure, a structure that might be used in an image slideshow. This structure will get transformed, so tha
様々な3Dエフェクトアニメーションでのコンテンツスライダーを実装できるjQueryプラグイン「Adaptor::jQuery content slider」｜BLACKFLAG
jQueryを使ってのコンテンツスライダーを実装するプラグインは多々ありますが jQueryとCSS3での3Dアニメーションでスムーズな切り替えを簡単に実装できる 「Adaptor::jQuery content slider」がいろいろと参考になりそうだったので 自分用メモとして紹介してみます。 Adaptor :: jQuery content slider Adaptor, an extensible jQuery content slider | Phil Parsons デモページはこちら 使い方もとても簡単。 HTMLでは切り替える一つ一つのコンテンツ要素は ＜figure＞タグで制御しているようです。 ※プラグインページのチュートリアル参照 ◆HTML <div class="slider-viewport"><!-- works as a viewport for the
Meny - A three dimensional and space efficient menu concept
A three dimensional and space efficient menu. Move your mouse towards the arrow — or swipe in from the arrow if you're on a touch device — to open. Test it with any page by appending a URL, like so: lab.hakim.se/meny/?u=http://hakim.se. Meny can be positioned on any side of the screen: top - right - bottom - left Instructions and download at github.com/hakimel/meny. The name, Meny, is swedish. Cre
マウスで動く！CSSで描く3Dオブジェクト·Photon MOONGIFT
PhotonはCSS/JavaScriptを使って3Dオブジェクトを描くソフトウェアです。 Web上で3Dオブジェクトを表現する試みは多数あります。最も有名なのはWebGLを使ったような高度なグラフィックスでしょうか。あのレベルまではいきませんが、シンプルな3DオブジェクトをCSSで表現するのがPhotonです。 デモです。折り鶴が再現されています。 マウスの動きで向きが変えられます。上下左右に動かせます。 こちらは地図。 マウスの動きで広げられます。 カバーフロー風の表示。マウスを動かすと前面の表示が差し代わります。 Photonでは3DオブジェクトをCSSで表現しています（その計算処理においてはJavaScriptを使っています）。そしてマウスの動きをフックして、CSSのパラメータをリアルタイムに変化させています。見た目はシンプルながら実装はかなり高度なソフトウェアです。さらに光のあた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
