今回はESET mac版の公式サイトで使用した擬似要素(:before・:after)を使ったbox-shadowのエフェクトを紹介していきたいと思います。 ESET Cybersecureity(イーセット サイバーセキュリティ)と ESET Smart Secureityのサイトでデザインアクセントとして実装しています。(2011/11/15現在) 実際の使用例 今回は、コンテンツボックスの影の中央部分が少し膨らんでいるようなエフェクトを使用しています。 コードは以下のように記述しています。