ウェブ開発者のKeith Clarkさんが、ウェブページ製作には欠かせないHTMLとCSSという2つの言語を使い、FPSなどで登場しそうな3D空間を再現しています。

3Dのゲームを作るなら、3Dの知識が必要。 でもCSSを応用してJavaScriptと組み合わせれば、マインクラフト風の3D表現ができるかも……？

ポケポケ風3Dカード ポケポケで使われているカードのUIを再現しました。 pokepoke-ui.ryokun.app ちなみに、本物のポケポケのUIはこんな感じ。 やっぱり奥行き感があってすごい 我ながらそこそこ再現出来た気がする。

最新版の主な変更点は、CSSの“CSS 3D transforms”規格による3DエフェクトをGPUを使って描画できるようになったこと。

このデモが本当にCSSで実現されているのかは「3D CSS Tester」のページを試すと分りやすい。回転方向やサイズ、効果などオンザフライで変更して ...

ちょっと工夫して、CSSとJavaScriptで魅力的な3Dカルーセルを実装する方法を解説します。

手持ちの写真や画像を本の表紙にして、厚みを設定し、簡単に本の3Dモデルを作成できる「3D Book Image CSS Generator」は無料で使えるオープンソース ...