これだけでデザイン力アップ間違いなし!CSS3で作るBox Shadowエフェクト徹底解説
最近はフラットデザインに押されて急速に使われなくなった感があるCSS3エフェクトなんですが、こうも使わないと忘れちゃいそうなので、今回はCSS3で作るエフェクトの再勉強を兼ねて記事を書いていきたいと思います。 初めに引用元を紹介します Paulund 例のボックスシャドウなんですが2012年このサイトのエフェクトは日本に居るweb系の人ならば一度は見ているくらい有名になったんじゃないでしょうか? 敬意を込めて引用させて頂きます。 目次に戻る CSS ボックスシャドウエフェクト - デモ & 解説 8種類のエフェクトがどう記述されていて、それがどう表示されているのかを解説していきます。 まず初めに、そのエフェクトをかけるボックスのCSSを見て下さい。 .box { background: none repeat scroll 0 0 #F3F3F3; border-radius: 2px 2
2013年、絶対に流行るwebデザイントレンド まとめ
参考サイト アクセントカラーまたは背景のテーマの変更 | Windows Phone の使い方(日本) 目次に戻る フラットデザイン フラットデザイン とは シャドウ や グラデーション を使い立体的に見せる所を フラットな表現 をする デザイン方法 です。一番身近な フラットデザイン はGoogleが使用しているアイコンが参考になります。 SpellTower SpellTower 色合いが優しくて必要な事だけをちゃんと伝えられています。とても素敵なサイト。 Bärnt & Ärnst Bärnt & Ärnst シンプルなフラット感がスゴい。 LayerVault LayerVault 最新なフラットデザインで、もの凄く勉強になるサイトです。 Flat UI UIデザインキットFlat UIが公開されています。フラットデザインの勉強になると思いますのでダウンロードをお勧めします。 Fl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
