今回はESET mac版の公式サイトで使用した擬似要素(:before・:after)を使ったbox-shadowのエフェクトを紹介していきたいと思います。 ESET Cybersecurity(イーセット サイバーセキュリティ)と ESET Smart Securityのサイトでデザインアクセントとして実装しています。(2011/11/15現在) 実際の使用例 今回は、コンテンツボックスの影の中央部分が少し膨らんでいるようなエフェクトを使用しています。 コードは以下のように記述しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く