ã“ã‚Œã§ä½¿ã„ã“ãªã›ã‚‹ï¼CSSã§ãã‚‹transitionã®ä½¿ã„方「transitionã£ã¦ä½•?〠「CSSã ã‘ã§ãƒœã‚¿ãƒ³ã«å‹•ãã‚’ã¤ã‘ãŸã‚Šã—ãŸã„〠「transitionã€ã¨èžã„ã¦ã€ã€Œã‚ã®ãƒ—ãƒãƒ‘ティãã€ã¨ã™ãã«æ€ã„出ã™äººã¯åˆå¦è€…ã¯ã»ã¨ã‚“ã©ã„ãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹? åˆå¿ƒè€…å‘ã‘ã®CSSテã‚ストãŒã‚ã‚Œã°ã€æœ€åˆã«å¦ç¿’ã™ã‚‹ãƒ—ãƒãƒ‘ティã¨ã¯è¨€ã„難ã„ã§ã—ょã†ã€‚ ã§ã™ãŒã€CSS3ã§å°Žå…¥ã•ã‚ŒãŸã“ã®ãƒ—ãƒãƒ‘ティã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‹•ãã‚’ã¤ã‘る効果（アニメーション）ãŒã‚Šã€èº«ã«ã¤ã‘ã‚‹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¹…ãŒç¢ºå®Ÿã«åºƒãŒã‚Šã¾ã™ã€‚ 難ã—ãã†ã€ã¨æ€ã£ãŸäººã‚‚安心ã—ã¦ãã ã•ã„。ãã‚Œã»ã©é›£ã—ã„プãƒãƒ‘ティã§ã¯ã‚ã‚Šã¾ã›ã‚“。「transitionã€ã®åŸºç¤Žçš„å‹•ãを身ã«ã‘ã‚‹ã“ã¨ã®å¦ç¿’コストã¯æ„外ã¨ä½Žãã€ã“ã‚Œã¾ã§javascriptã§å®Ÿè£…ã—ã¦ã„ãŸå˜ç´”ãªå‹•çš„機能ãŒCSSã ã‘ã§å®Ÿç¾ã™ã‚‹ã®ã§ã€ä¸€åº¦æŒ™å‹•ã‚’確èªã™ã‚‹ã ã‘ã§ã‚‚価値ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯åˆå¦è€…å‘ã‘ã«æ›¸ã„ã¦ã„ã¾ã™ã®ã§ã€æ—¢ã«CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作ã£ã¦ããŸçµŒé¨“者ã¯èªã¿é£›ã°
{{#tags}}- {{label}}
{{/tags}}