Animated SVG Icons - Snap.svgを使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ MOONGIFTã“ã‚Œã¯è¦šãˆã¦ãŠãã¨è‰¯ã•ãã†ã§ã™ã‚ˆï¼ スタイルシートやJavaScriptを使ã£ã¦ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ç”»åƒã‚’å·®ã—替ãˆãŸã‚Šã™ã‚‹æ“作ã¯è‰¯ãã‚ã‚Šã¾ã™ãŒã€ãã®ç™ºå±•ç‰ˆã¨ã‚‚言ãˆã‚‹ã®ãŒAnimated SVG Iconsã§ã™ã€‚ SVGを使ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックやマウスオーãƒãƒ¼æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºå¤‰æ›´ã—ã¦ãれるライブラリã§ã™ã€‚ ç”»åƒã ã¨åˆ†ã‹ã‚Šã¥ã‚‰ã„ã§ã™ã®ãŒã€ä¾‹ãˆã°ã“ã¡ã‚‰ãŒãƒ‡ãƒ¢ã§ã™ã€‚ 時計ã¨çŸ¢å°ã«æ³¨ç›®ã€‚ 矢å°ã‚’クリックã™ã‚‹ã¨ã€ å‘ããŒå対ã«ãªã‚Šã¾ã—ãŸã€‚ åŒæ§˜ã«æ™‚計をクリックã™ã‚‹ã¨ã€ é‡ãŒå›žè»¢ã—ã¾ã—ãŸã€‚ 試ã—ãŸå‹•ç”»ã¯ã“ã¡ã‚‰ã§ã™ã€‚ クリックã®ä»–ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚‚指定ã§ãã¾ã™ã€‚ã¾ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é€Ÿåº¦ã‚‚変更å¯èƒ½ã§ã€ã‚ˆã‚Šç›®ã‚’引ãアクションã«è¨å®šã‚‚å¯èƒ½ã§ã™ã€‚ Animated SVG Iconsã§ã¯Snap.svgを使ã£ã¦SVGã®åˆ¶å¾¡ã‚’ã—ã¦ã„ã¾ã™ã€‚実際ã®æŒ‡å®šã¨ã—ã¦ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ clock :
[CSS]æ°´å¹³ã«é…ç½®ã—ãŸã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’分ã‘るスタイルã®ã•ã¾ã–ã¾ãªç´ 敵ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
{{#tags}}- {{label}}
{{/tags}}