CSS3 ã§äºŒé‡ä¸¸ã‚’作る｜TechRacho by BPSæ ªå¼ä¼šç¤¾ä»•äº‹ã§å¿…è¦ã«ãªã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚実装方法ã¯æ„外ã¨ç°¡å˜ã ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ã“れを作るã«ã‚ãŸã£ã¦ä¸‹è¨˜ã‚µã‚¤ãƒˆã®è¨˜äº‹ãŒå‚考ã«ãªã£ãŸã®ã§å¼µã‚‰ã›ã¦ã„ãŸã ãã¾ã™ã€‚[ CSS]高ã•ãŒå¯å¤‰ã®ãƒœãƒƒã‚¯ã‚¹ã«äºŒé‡ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’é©ç”¨ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ 今回用ã„ãŸã®ã¯å‚考ã«ã—ãŸã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸç¬¬3 ã®æ–¹æ³•ã€box-shadow を使用ã—ãŸæ–¹æ³•ã§ã™ã€‚å‚考サイトã§ã¯äºŒé‡ãƒœãƒ¼ãƒ€ãƒ¼ã‚’作ã£ã¦ã„ã¾ã™ãŒã€è¦ã¯ã“れを角丸指定ã§å††ã«ã—ã¤ã¤çœŸã‚“ä¸ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’背景ã¨åŒè‰²ã§ä½œã‚Œã°å®Ÿç¾ã§ãã‚‹ã£ã¦ã‚ã‘ã§ã™ã。 margin: auto; background-color: #00b1f4; border: solid 6px #fff; width: 70px; height: 70px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius:
{{#tags}}- {{label}}
{{/tags}}