Webデザインやっぱり海外のサイトってかっこいいよね!海外サイトのテンプレートとかかっこいいよね!ダウンロードしてきて日本語流し込むとダサイトに早変わりだよね!そんな海外サイトでよく見かける2.5Dボタンを作ってみましょうー。CodePen.CSSが結構ダラダラと長いですが「a」を見た目ボタンとして形成する部分がほとんどです。hover時に影を5pxぼかしなしで下に作ってボタン自体を上に5pxずらします。active時に影をなしにして先ほど上に5pxずらしたのを戻します。以上で2.5Dボタンのできあがり。aha?まとめ海外サイトで流行ってるかしらんけど作ってみたよ!ていうか、こういうのが普通に使えるように早くなればいいですねー。関連記事[css,css3,table]レスポンシブデザインでのテーブル(table)の扱いをまとめてみたレスポンシブデザインで困るのがテーブル(table)ですよね。処理しようか迷うところです。※オレ用に久しぶりの更新ですがな。今回はbox-shadowでよく使うものをメモっておこうと思います。Bootstrap最近マイブームのフレームワークのご紹介。マイブームって・・・死語。PC、スマホ、タブレット対応のフレームワークで使いやすくてカスタマ...記事を読む[CSS,CSS3]box-sizing(border-box)でborder、paddingを気にしないスローライフな生活を送ろう!そんな大層なことですか。生活に絡んでくるようなことですか。楽になるんだからいいじゃない。一度は経験したことがあるであろう...記事を読む[CSS]CSSでアイコンを実装できるICONOを使ってみた。CSSだけでアイコン付けれるっていいじゃない。WEBフォントとか使わなくていいなんてステキじゃない。ノーブラの日ってサイコーじゃない。CSSドキュメントの...記事を読む[CSS,エディター]brackets-cssfierがどんなものか使ってみた(インストール方法とか)Sassネタは今日はお休みしてbrackets-cssfierが気になったので使ってみました。感想やら手順などをちょこっと。ちょこっ...記事を読む[Sass,Compass,CSS]Sassの醍醐味Compassを使ってもっと楽しちゃおう!やっぱりSass使い始めたらCompassじゃないっすかねー知らんけど。世の中そんな流れだし実際すばらしいので記事にしちゃうわけよw...記事を読む[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(随時更新予定は未定)自分ノートとしてCSS3モジュールをまとめてみるわけさ。絶対使いそうなもの3つから。bor...記事を読むスポンサーリンク[CSS]first-childとlast-child、どっちを使うの?first-childでしょ![CSS]CSSでアイコンを実装できるICONOを使ってみた。