CSSに関するharaddressのブックマーク (1)

  • [CSS]画像を使用しないで、紙がひらっとめくれたエフェクトを与えるスタイルシート

    あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS:シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0

    haraddress
    haraddress 2011/04/29
    画像を使用しないで、紙がひらっとめくれたエフェクトを与えるスタイルシート
  • 1