[CSS]CSS3 Transitionsを使用ã—ã¦ã€ãƒ›ãƒãƒ¼æ™‚ã«ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆaè¦ç´ ã«ä½™ç™½ã‚’paddingã§è¨å®šã—ã€ã‚«ãƒ©ãƒ¼ã‚’指定ã—ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] 繊細ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ CSS3 Transitionsを使用ã—ã¦ã€ãµã‚ã£ã¨ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã¾ã™ã€‚ デモページ（当方作æˆï¼‰ è¿½åŠ ã™ã‚‹ã®ã¯ã€L4-7ã§ã™ã€‚ ※デモページã§ã¯paddingãªã©ã®å€¤ã‚’若干変更ã—ã¦ã„ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al
{{#tags}}- {{label}}
{{/tags}}