totorajの開発日記

僕がなんかメモる

CSS

CSSで3Dっぽい部屋をつくってみた

タイトル通りです。 つくったもの いろいろ書くよりみてもらった方がはやい! Chrome以外のブラウザでは動作が不安定&不完全です。 IEは論外です。 デモページ GIFもペタリ・・・。 ソースコード GitHubに置いています。 Koneta/css-3d-room at gh-pages · t…

セレクトボックス(select)をCSSだけで装飾する

どうも。 selectタグをCSSのみで装飾するのに少しはまりましたのでメモしておきます。 方法 下三角を消す selectタグはそのままだと初期デザインの右側にある下三角が消せないのでappearanceというプロパティを使いUIの外観を変更します。 ですが、現在appea…

CSS3で画面ピッタリな三角形を表示する

できたもの GIFでどうぞ。 方法 vwとvhを使います。 この単位はviewportの横幅と縦幅のパーセントということになります。 ですので100vwと書くとviewportの横幅の100%ということになります。 あとはいつも通りborderを使って三角を作れば終了っす。 なんで%…