【CSS】背景画像の複数設定と:before、:afterを使ったレスポンシブCSSテクニック｜Tips*Blog｜株式会社コプロシステム

こんにちは、UXデザイン室の松山です。 最近、クジラのトイレマットを衝動買いしました。 前回のTips*Blogでは「マウスホバーでアコーディオンさせた要素の中で動画を再生する方法」を説明しました。 今回は、アニメーションではなくレスポンシブサイトで使えるビギナー向けの簡単なCSSテクニックを紹介します。レスポンシブって何？という方は、UXデザイン室の石川室長が書いた大人気の過去記事「レスポンシブwebデザインとは？」をご覧ください。 レスポンシブサイトを構築する際に、デザイナーさんからあがってきたデザインを見てどのようにコーディングするか悩む事も多いかと思います。そんな時に知っていると便利なCSSテクニックを紹介します。 今回は下記のような黒板のデザインを実際にレスポンシブでコーディングしてみました。 ちなみにこちらのGIFアニメは、Chrome拡張機能Animated Gif Capt

[yayocan]

css 枠　背景