ã€118日目】CSS3ã§èƒŒæ™¯ç”»åƒã«é€éŽã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã¦ã¿ãŸ - アプリé‚2017 - 01 - 18 ã€118日目】CSS3ã§èƒŒæ™¯ç”»åƒã«é€éŽã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã¦ã¿ãŸ @appdamacy ã§ã™ãƒšã‚³ãƒª(o_ _)ï½)) 今日ã¯ç”»åƒã®ä¸Šã«é€éŽã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘る方法をå¦ã³ã¾ã—ãŸã€‚Photoshopãªã©ã®ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚’使ã‚ãªãã¦ã‚‚ã•ãã£ã¨CSSã§å®Ÿè£…ã§ãã‚‹ã®ãŒä¾¿åˆ©ã§ã™ã。 RESULT 今回ã¯ã‚ã‹ã‚Šã‚„ã™ãå¼·ã‚ã«ã‹ã‘ã¦ã¿ã¾ã—ãŸã€‚グラデーションã®è‰²ã¯ã‚µã‚¤ãƒˆã®é›°å›²æ°—やコンセプトã«ã‚ã‚ã›ã¦é¸ã¶ã¨ã„ã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ HTML CSS フォントã¯ã€Œ Google Fonts ã€ã§ä¼¼åˆã„ãã†ãªæ›¸ä½“を探ã—ã¾ã—ãŸã€‚英語ã¯ãƒ•ã‚©ãƒ³ãƒˆãŒè±Šå¯Œãªã®ãŒã„ã„ï¼ èƒŒæ™¯ç”»åƒã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã®ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ rgba( 0 , 0 , 0 , 0.8)ã®å‰ã‹ã‚‰3ã¤ã®æ•°å€¤ã§è‰²ã®æŒ‡å®šãŒã§ãã¦ã€æœ€å¾Œ4ã¤ç›®ã®æ•°å€¤ã§é€æ˜Žåº¦ã®è¨å®šãŒã§ãã¾ã—ãŸã€‚ 数値を0.7ã¨ã‹0.9ã«ã™ã“ã—ズラã—ãŸã ã‘ã§ã‚‚ã€å…¨ä½“ã®é›°å›²
質感系オシャレ&ミニマルãªç„¡æ–™ãƒ†ã‚¯ã‚¹ãƒãƒ£ã€å£ç´™ç´ æ100æžšã¾ã¨ã‚
å†ç·¨é›†ã‚‚ç°¡å˜ï¼å››è§’形グラデーション背景ã®ã¤ãã‚Šã‹ãŸã€Illustrator】
{{#tags}}- {{label}}
{{/tags}}