CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã†ã¨ãã«hsl()ãŒä¾¿åˆ©ã™ãŽã‚‹ã€‚（CSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 – 19日目） | Ginpen.comCSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 – 19日目 CSS 3ã§ã¯è‰²ã®æŒ‡å®šã«hsl()を使ã†äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ã™ãªã‚ã¡è‰²ç›¸ (Hue; 0-359)ã€å½©åº¦ (Saturation; 0%-100%)ã€è¼åº¦ (Lightness; 0%-100%) ã«ã‚ˆã‚‹è‰²ã®æŒ‡å®šã§ã™ã€‚ã•ã‚‰ã«ä¸é€æ˜Žåº¦ã‚’åŠ ãˆãŸhsla()ã‚‚ã‚ã‚Šã¾ã™ã€‚ グラデーションをlinear-gradient()ã§å®Ÿç¾ã™ã‚‹ã¨ãã€ã“ã®hsl()を使ã†ã¨ç¶ºéº—ã«è¨˜è¿°ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ 実例 ã“ã‚“ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã—ã¾ã™ã€‚ #rrggbbを使ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã¯#rrggbbã§æ›¸ã„ãŸä¾‹ã§ã™ã€‚ background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );
CSS3ã§background（背景画åƒã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŒæ™‚ã«ï¼‰æŒ‡å®šã™ã‚‹ã¨ãã®æ³¨æ„。ï¼ãƒ©ã‚¤ãƒ–ラリー : アファメーションã§ç‹¬ç«‹ãƒ»èµ·æ¥ãƒ»å¤¢å®Ÿç¾ã€‚「ã„ããªã‚Šï¼ç¤¾é•·å®£è¨€ï¼ï¼ã€-“夢ã¯å£ã«å‡ºã™ã“ã¨ã§å®Ÿç¾ã™ã‚‹ï¼â€ã¨ã„ã†ã‚¢ãƒ•ã‚¡ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
{{#tags}}- {{label}}
{{/tags}}