CSS Snippets #7 - NxWorld

CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介する第7弾です。 以前であれば画像やJavaScriptを用いなければいけなかったものがCSSのみで表現できたり、上手く使えばよりシンプル且つ効率良く記述するのに役立つものもあるので、特にこれからCSSを学びたいという人や学び始めたばかりでもう少しレベルアップしたいという人は是非試してみてください。 サンプルコードは基本的にプレフィックスを省略しています。 デモが用意されていないものについては、自身で簡単な環境を作成して試してもらうか「CodePen」や「JSFiddle」などを利用して実際の動きを確認してください。 CSS変数（CSS Variables） CSSで何度も記述（複数箇所に記述）するものは、CSS変数を用いて指定しておくのが便利です。 例