jQueryã§CSS3ã®transitionã®çµ‚了イベントを検知ã™ã‚‹ | menue技術blogyukiã§ã™ã€‚ JavaScriptを使ã‚ãšã¨ã‚‚基本的ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿç¾ã§ãã¡ã‚ƒã†ã€CSS3ã®transform(2d or 3d)ã¯ä¾¿åˆ©ã§ã™ã‚ˆãー。 jQueryã§ã‚‚animate()を使ã†ã¨ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†ãŒã§ãã¾ã™ãŒã€transformã¯ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦ã¯GPUを使ã£ã¦ãれるã®ã§ã€ã‚ˆã‚Šæ»‘らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ animate()ã¯jQueryオブジェクトãªã®ã§ã€Deferredを使ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Œäº†ã‚¤ãƒ™ãƒ³ãƒˆã‚’通知ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€CSSã§ã‚ã‚‹transformã®å ´åˆã¯ã‚¤ãƒ™ãƒ³ãƒˆé€šçŸ¥ã‚’å—ã‘å–ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ 実ã¯DOM Eventã¨ã—ã¦transitionendã¨ã„ã†å®Œäº†ã‚¤ãƒ™ãƒ³ãƒˆãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSS Transitions 基本的ãªæ›¸ãæ–¹
ã¡ã‚‡ã£ã¨é«˜åº¦ã«JavaScriptï¼ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã§ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’作る | DevelopersIO
HTML5 Conference 2012
{{#tags}}- {{label}}
{{/tags}}