CSS3ã®transitionã¨text-shadowã§ä½œã‚‹æ§˜ã€…ãªãƒªãƒ³ã‚¯è£…飾CSS3ã®transitionã¨text-shadowã§ã‚ªãƒ³ãƒžã‚¦ã‚¹æ™‚ã®ãƒªãƒ³ã‚¯ã‚’楽ã—ã装飾ã—ã¦ã¿ã¾ã™ã€‚ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã«ä½¿ã†ã¨ã‚ãšã‚‰ã‚ã—ã„ã§ã™ãŒã€ã‚¿ã‚¤ãƒˆãƒ«ãƒã‚´ãªã‚“ã‹ã ã¨ã“ã‚Œãらã„å‡ã£ã¦ã‚‚ã„ã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ transition（時間的変化をã¤ã‘る） hoverãªã©ã§ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¤‰åŒ–ã™ã‚‹éš›ã€é€šå¸¸ã¯ã™ãã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ãŒã€transitionを使ã†ã¨æ™‚é–“ã‚’ã‹ã‘ã¦å¤‰åŒ–ã™ã‚‹ãªã©æ§˜ã€…ãªè¨å®šã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ é©å¿œã™ã‚‹ãƒ—ãƒãƒ‘ティã®ã€Œallã€ã€å¤‰åŒ–ã®ä»•æ–¹ã€Œeaseã€ã€å¤‰åŒ–ã®å§‹ã¾ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã®ã€Œ0ã€ã¯åˆæœŸå€¤ã¨ãªã‚‹ã®ã§çœç•¥ã—ã¦ã‚‚大丈夫ã§ã™ã€‚ transitionã¯Firefoxã¨webkitç³»ã®Chromeã‚„Safariã§å…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ã„る機能ã§ã™ã®ã§ã€-moz-ã‚„-webkit-ãªã©ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックス付ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ text-shadow（テã‚ストã«å½±ã‚’ã¤ã‘る） ãã®åã®é€šã‚Šãƒ†ã‚スト
iPhoneå‘ã‘CSS3サンプル
{{#tags}}- {{label}}
{{/tags}}