タグ

cssとbox-shadowに関するruedapのブックマーク (2)

  • box-shadowとradial-gradientで画像をポラロイド写真風に

    CSS3のbox-shadowプロパティではinsetという値を取ることができ、その場合ブロックの内側に影が付く。これをある工夫と共に利用すると写真の端に影がつけられる。更にradial-gradientでセピア色のグラデーションを重ねてやれば、良い具合に古ぼけさせることもできるので、両方の効果を重ねてやればポラロイド写真風に見えないこともない? Demo: Polaroid effects using inset box-shadow and radial-gradient キモは以下のようにz-indexを使って画像を背面に回してやること。そうすれば親のブロック要素でのbox-shadowやbackground-imageを画像の上に重ねることができる。 .polaroid { float: left; width: 400px; height: 400px; background-i

    box-shadowとradial-gradientで画像をポラロイド写真風に
  • colorプロパティの影響範囲

    とりあえず仕様を見てみます。 This property describes the foreground color of an element’s text content. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - 14.1 Foreground color: the 'color' propertyThis property describes the foreground color of an element's text content. In addition it is used to provide a potential indirect value (currentColor) for any other properties that accept color value

    colorプロパティの影響範囲
  • 1