CSS FreeThrow – a game, noJS, only CSS and HTML – No.1026CSS Programming Advent Calendar 2012 ã®12日目ã§ã™ã€‚ 自称CSSプãƒã‚°ãƒ©ãƒžãƒ¼ã®ã’ã“ãŸã‚“ã˜ã‚ƒãªã„æ–¹ã€åŠ›æŠ€ã«å®šè©•ã®ã‚ã‚‹1026ã§ã™ï¼ˆä»Šè‡ªåˆ†ã§è€ƒãˆã¾ã—ãŸï¼‰ã€‚ 最近ã¯inputã§ã»ã’ã»ã’以外ã®æ–¹æ³•ã‚‚増ãˆã¦ã„ã¾ã™ãŒã€å®šè©•ã®ã‚ã‚‹ã‚ãã¾ã§input:checkedã«é ¼ã£ãŸåŠ›æŠ€ã§CSSフリースãƒãƒ¼ã‚²ãƒ¼ãƒ を作りã¾ã—ãŸã€‚環境ã«ã‚ˆã£ã¦èªã¿è¾¼ã¿ãŒé…ã„・é‡ã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã„ã¤ã‚‚通りã€chromeã§ã—ã‹ç¢ºèªã—ã¦ã„ã¾ã›ã‚“。 é©å½“ãªè§£èª¬ メーターã¨ãƒœã‚¿ãƒ³ã®é€£å‹• CSSã§ã“ã®ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®ä½ç½®ã¯ã¨ã‚Œã¾ã›ã‚“。ãã“ã§ã€æ¨ªã¯å·¦ãƒ»ä¸ãƒ»å³ã®3種類ã€ç¸¦ã¯ä¸Šãƒ»ä¸ãƒ»ä¸‹ã®3種類ã®input（ã“ã“ã§ã¯å…¶ã‚Œã«å¯¾å¿œã™ã‚‹label）をé‡ãã¦ãŠãã€ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®å‹•ãã«åˆã‚ã›ã¦é‡ããŸinputã®z-indexãŒå…¥ã‚Œæ›¿ã‚ã‚Šã€ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®ä½ç½®ã«ç›¸å½“ã™ã‚‹inputãŒä¸€ç•ªä¸Šã«ãã¦æŠ¼ã™ã“ã¨ãŒå‡ºæ¥ã‚‹ã¨ã„ã†ä»•çµ„ã¿ã§ã™ã€‚ã“ã®ã€Œãƒœã‚¿ãƒ³ã¯é‡
{{#tags}}- {{label}}
{{/tags}}