å‹•ãã®ã‚るボタンãŒç”Ÿæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒTransformicons〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン「Transformiconsã€ã¯å‹•ãã®ã‚るボタンãŒç”Ÿæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚クリックã™ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä¸‰æœ¬ç·šãŒÃ—å°ã«ãªã£ãŸã‚Šã€ã¡ã‚‡ã£ã¨ã—ãŸç´°ã‹ã„動作をもã¤ã‚¢ã‚¤ã‚³ãƒ³ãŒä½œã‚Œã¾ã™ã€‚アイコンã¯CSS/SassãŠã‚ˆã³JavaScriptã§ç”Ÿæˆã•ã‚Œã¾ã™ã‚ˆã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšTransformiconsã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚トップページã«ä¸¦ã‚“ã§ã„るアイコンをクリックã™ã‚‹ã¨ã€ã©ã‚“ãªå‹•ãã‚’ã™ã‚‹ã‹ç¢ºèªã§ãã¾ã™ã€‚ 「Builderã€ã‹ã‚‰ã€ä½œã‚ŠãŸã„アイコンをé¸æŠžã—ã¾ã™ã€‚ 「Buildã€ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€HTML・CSS・JavaScriptãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ä½œã‚‰ã‚Œã¾ã™ã€‚ã‚ã¨ã¯ã‚³ãƒ¼ãƒ‰ã‚’コピペã™ã‚Œã°å‹•ãã®ã‚るアイコンãŒä½¿ãˆã¾ã™ã‚ˆã€‚ãœã²ç´°ã‹ã„動作ã«ã‚‚ã“ã ã‚ã‚ŠãŸã„æ–¹ã¯æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。 Transformicons （カメãã¡ï¼‰
é¢å€’ãªã‚·ãƒ£ãƒ‰ã‚¦ã‚‚グラデも簡å˜ã«ä½œæˆã§ãã‚‹CSS3ã®ãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -CSS Button Generator
{{#tags}}- {{label}}
{{/tags}}