[CSS]シンプルãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§æ›¸ã‹ã‚ŒãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸã‹ã£ã“ã„ã„背景ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -Cool Gradientブラウザã„ã£ã±ã„ã®èƒŒæ™¯ã‚„å°ã•ã„サイズã®ãƒ‘ãƒãƒ«ã«ã‚‚使ãˆã‚‹ã€CSSグラデーションを使ã£ãŸèƒŒæ™¯ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ç”»åƒã®ä½¿ç”¨ã¯ã‚‚ã¡ã‚ん一切無ã—ã§ã™ã€‚ ヴィンテージã®ãƒ‡ã‚£ã‚¹ãƒ—レイã¿ãŸã„ã§ã€é¢ç™½ã„演出ãŒã§ããã†ã§ã™ã。 Cool Gradient 実装ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã€ã‚³ãƒ”ペã§ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ HTML デモã§ã¯divã¨spanã®äºŒã¤ã‚’使用ã—ã¦ã„ã¾ã™ãŒã€èƒŒæ™¯ç”¨ã«ã¯div一ã¤ã®ã¿ã§OKã§ã™ã€‚ <div><span>Cool Background</span></div> CSS ã¾ãšã¯ã€ç¾Žã—ã„グラデーションã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‹ã‚‰ã€‚ グラデーションã®è¨å®šã¯æ¥•å††ï¼ˆellipse）状ã§ãƒœãƒƒã‚¯ã‚¹ã®ä¸€ç•ªé ã„角ã«åˆã‚ã›ã¦ï¼ˆfarthest-corner）ã„ã¾ã™ã€‚ div { position: fixed; width: 100%; height: 100%; background-image: -webk
{{#tags}}- {{label}}
{{/tags}}