フィルターの明るさ効果を付ける

明るさ効果について

ある要素に明るさ効果を付けるには、filterプロパティのbrightness関数を使用します。

【構文】

							filter:brightness();
						

サンプルデモ

  • テキスト

    0.0(0%)

  • テキスト

    0.5(50%)

  • テキスト

    1.0(100%)

  • テキスト

    1.5(150%)

  • テキスト

    2.0(200%)

CSS

1
2
3
4
5
6
7
.sample {
    -webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

CSS3逆引きリファレンス一覧へ戻る