タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

mix-blend-modeに関するngzmのブックマーク (1)

  • CSSで乗算がかけられる!!css3の新プロパティ「mix-blend-mode」でデザインの幅を広げよう!! | 株式会社ウェブ企画パートナーズ

    ブラウザ対応状況に伴い、css3の「mix-blend-mode」を使い、テキストや画像にブレンドモードを適用しているサイトを多く見るようになってきました。 今回はその「mix-blend-mode」について使い方や実際の効果などをご紹介します。 ブレンドモードとは? 普段からPhotoshopなどのグラフィックツールを活用している方にとってはお馴染みのブレンドモードですが、知らない方のためにブレンドモードについて説明します。 ブレンドモードは描画モードとも言い、PhotoshopやIllustratorなどのAdobe系のソフトで、昔からある機能の1つです。 ブレンドモードでは要素と要素を重ねた時の表現を指定することができます。重なる部分のコントラストを強めたり、弱めたり、暗くしたり、明るくしたり色を反転させたりと様々な効果をブレンドできます。 ブレンドモード:「乗算」 例を出してみまし

    CSSで乗算がかけられる!!css3の新プロパティ「mix-blend-mode」でデザインの幅を広げよう!! | 株式会社ウェブ企画パートナーズ
  • 1