ã¾ã‚‹ã§ç”»åƒã€‚テã‚ストを曲線上ã§è¡¨ç¾ã™ã‚‹Â·CSSWARP MOONGIFTCSSWARPã¯ãƒ†ã‚ストをベジュ曲線や円ã«æ²¿ã£ã¦è¡¨ç¤ºã™ã‚‹JavaScript/CSSライブラリã§ã™ã€‚ Web Fontã®ç™»å ´ã«ã‚ˆã£ã¦Webサービスã®ãƒã‚´ã‚’テã‚ストã§è¨˜è¿°ã™ã‚‹ã‚µã‚¤ãƒˆã‚‚増ãˆã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã¾ã£ã™ãã§ã¯ãªã多少ã®ã‚¤ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘よã†ã¨æ€ã£ãŸã‚‰Illustratorã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’é ¼ã‚‰ã–ã‚‹ã‚’å¾—ã¾ã›ã‚“ã§ã—ãŸã€‚ãã“ã§CSSWARPを使ã£ã¦è¤‡é›‘ãªæ–‡å—ã®æ画を実ç¾ã—ã¾ã—ょã†ã€‚ ã“ã‚ŒãŒãƒ†ã‚ストã¨ã„ã†ã®ãŒé©šãã§ã™ã€‚ ã¡ã‚ƒã‚“ã¨æ–‡å—ã¨ã—ã¦é¸æŠžã§ãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯è‡ªåˆ†ã§æ–‡å—を作れるデモ。 ビジュ曲線ã§ãã‚Šãã‚Šå‹•ã‹ã›ã¾ã™ã€‚ 回り込ã¿ã‚‚ã§ãã¾ã™ã€‚ 円ã«æ²¿ã£ã¦æã„ã¦ã„ã¾ã™ã€‚ ãã®çµæžœã®HTMLã‚’å–å¾—ã§ãã¾ã™ã€‚IE9/Opera/Firefox/WebKit対応ã§ã™ã€‚ CSSWARPã¯ãƒ™ã‚¸ãƒ¥æ›²ç·šãªã©ã«æ²¿ã£ã¦æ–‡å—ãŒæã‘ã¾ã™ã€‚テã‚ストã€æ›²ç·šã®å‹•ãã€ãƒ•ã‚©ãƒ³ãƒˆã€ãƒ•ã‚©ãƒ³ãƒˆã®é…ç½®ãªã©ç´°ã‹ã変更ãŒå‡ºæ¥ã¾ã™ã€‚後ã¯ç”Ÿæˆ
{{#tags}}- {{label}}
{{/tags}}