CSS3ã®ãƒ–レンドモードãŒç´ æ•µï¼ æ–°ãƒ—ãƒãƒ‘ティmix-blend-modeを使ã„ã“ãªãㆠ– ICS MEDIAmix-blend-modeã¨ã„ã†CSSã®ãƒ—ãƒãƒ‘ティ。ã“ã‚Œã¯DOMè¦ç´ ã‚’é‡ããŸæ™‚ã®è¦‹ãˆæ–¹ã‚’指定ã™ã‚‹CSSプãƒãƒ‘ティã§ã™ã€‚デザイナー視点ã ã¨ãƒ–レンドモードã¯ã”ã当ãŸã‚Šå‰ã«ä½¿ã†æ©Ÿèƒ½ã®ã²ã¨ã¤ã€‚mix-blend-modeã¯ã‚¦ã‚§ãƒ–ã®è¡¨ç¾æ‰‹æ³•ãŒåºƒãŒã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‡ªç”±åº¦ãŒåºƒãŒã‚‹æ³¨ç›®ã™ã¹ãCSSプãƒãƒ‘ティã§ã™ã€‚本記事ã¯mix-blend-modeã®é…力ã¨ä½¿ã„方をデモを交ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚‚ãもブレンドモードã¨ã¯ï¼Ÿ ブレンドモードã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªè¡¨ç¾ã‚’作る上ã§ã®åŸºæœ¬æ©Ÿèƒ½ã®ã²ã¨ã¤ã§ã™ã€‚Adobe Photoshopã‚„Illustratorã€After Effectsã€XDã‚„ã€Figmaã§æ載ã•ã‚Œã¦ã„ã¦ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’é‡ããŸã¨ãã«ã©ã®ã‚ˆã†ã«é‡ãã¦è¡¨ç¤ºã™ã‚‹ã‹ã®è¨å®šã«ãªã‚Šã¾ã™ã€‚ソフトã«ã‚ˆã£ã¦ã¯ã€Œãƒ–レンドモードã€ã‚„「æ画モードã€ã€Œãƒ¢ãƒ¼ãƒ‰ã€ã¨ç•°ãªã‚‹å称ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€æ©Ÿèƒ½ã¨ã—ã¦ã¯åŒã˜ã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚本記事ã§ã¯CS
{{#tags}}- {{label}}
{{/tags}}