(閉じる)

はてなブックマーク > コンピュータ・IT > 擬似要素（:before・:after）を使ったbox-shadowの...

擬似要素（:before・:after）を使ったbox-shadowのエフェクトでデザインアクセント！ - EC studio デザインブログ

designblog.ecstudio.jp

タグ :

コンピュータ・IT 9 users このエントリーをはてなブックマークに追加

擬似要素（:before・:after）を使ったbox-shadowのエフェクトでデザインアクセント！ - EC studio デザインブログ

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

最終更新時間: 2011年11月15日16時48分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

このページへのブックマークコメントはありません。
ユーザー登録してブックマークコメントを書いてみませんか？

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?