ã¤ã„ã¤ã„押ã—ãŸããªã‚‹ã€CSS3を使ã£ãŸãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã£ã¦ã‚ã¾ã‚Šä½¿ã†ã“ã¨ã‚‚ãªã„ã®ã§ã™ãŒã€CSS3を使ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãªã‹ãªã‹é¢ç™½ã‹ã£ãŸã®ã§ã€ä»Šå›žã¯ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’使ã£ãŸã‚µãƒ³ãƒ—ルを紹介ã—ã¾ã™ã€‚ ã§ã¯ã‚µãƒ³ãƒ—ル１ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚ サンプル１ 二択ã®ãƒ©ã‚¸ã‚ªãƒœãƒƒã‚¯ã‚¹ã§ã™ã€‚「ã¯ã„ã€ã‚’押ã—ãŸã¨ãã¨ã€ã€Œã„ã„ãˆã€ã‚’押ã—ãŸã¨ãã®è‰²ã‚’変ãˆã¦ã„ã¾ã™ã€‚ HTML ã§ã¯ã€HTMLã‹ã‚‰ã€‚ <div class="sample"> <input type="radio" name="s2" id="on" value="1" checked=""> <label for="on" class="switch-on">ã¯ã„</label> <input type="radio" name="s2" id="off" value="0"> <label for="off" class="switch-off">ã„ã„ãˆ</label> </div> 特ã«å•é¡Œ
{{#tags}}- {{label}}
{{/tags}}