美ã—ã„グラデーションをCSSã§å®Ÿè£…ï¼é…色ã«ä½¿ãˆã‚‹ä¾¿åˆ©ãƒ„ールや実例もï¼2020å¹´5月18æ—¥ CSS, Webデザイン, 便利ツール 背景ã«å‹•ç”»ã‚’使ã£ãŸWebサイトやã€å¤§ããªèƒŒæ™¯ç”»åƒã‚’使ã£ãŸWebサイトã«ç¶šãã€æœ€è¿‘ã¯ç”»é¢å…¨ä½“ã«ãã‚Œã„ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚«ãƒ©ãƒ¼ã‚’用ã„ãŸã‚µã‚¤ãƒˆã‚’見ã‹ã‘る機会ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ä»Šå›žã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚«ãƒ©ãƒ¼ã‚’CSSã§å®Ÿè£…ã™ã‚‹åŸºæœ¬çš„ãªæ–¹æ³•ã‹ã‚‰ã€ç”»åƒã«é‡ãる応用ã€é…色é¸ã³ã«ä½¿ãˆã‚‹ã‚µã‚¤ãƒˆã€å®Ÿä¾‹é›†ãªã©ã‚’紹介ã—ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装 グラデーション㯠background プãƒãƒ‘ティー㫠linear-gradient ã®å€¤ã‚’使ã£ã¦è‰²ã‚’指定ã—ã¾ã™ã€‚æ„外ã¨ç°¡å˜ã€‚ body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
{{#tags}}- {{label}}
{{/tags}}