box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 仕上がりはこんな感じ。

こんにちは、マスダです。ここ1ヶ月くらい1日中CSSを書いているのでそろそろCSS見習いからCSS駆け出しくらいにはレベルアップしたと思っています。 なんてことはさておき、最近知ったCSSの書き方です。 レスポンシブデザインにしたいけれど、ウィンドウ ...

今日はボックス内でテキストを縦方向の中央に配置する方法です。こんな感じでHTMLがあったとします。 を書きます。これでOK（なはず笑）。使いどころはあまりないかもですが、まぁ、覚えておくと良いかと思います。 簡単に言えば、boxになる要素に ...

Webページやスマホアプリのコンテンツ、カードやナビゲーションや画像などのコンテナに美しいシャドウを簡単に与えることができるスタイルシートを紹介します。 htmlの要素にclassを加えるだけの簡単仕様。ホバーなどの操作に対応して、ふわりとシャドウ ...

Your browser does not support the audio element. Every beginner should first start with the basics. In case of CSS, the basics are learning the box model. Before ...