smoothState.js - 滑らã‹ãªç”»é¢é·ç§»ã‚’æä¾› MOONGIFTスマートフォンå‘ã‘ã®Webサイトãªã©ã§ã¯ç”»é¢é·ç§»ãŒå¤§äº‹ã§ã™ã€‚普通ã®URLã‚’é·ç§»ã™ã‚‹ã‚ˆã†ãªå‹•ãã§ã¯UXãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“。新ã—ã„コンテンツãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ããŸã‚Šã€å‰ã®ç”»é¢ã¨æ»‘らã‹ã«å…¥ã‚Œæ›¿ã‚ã‚‹ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ã®æ„è˜ã‚’切らã•ãšã«æ“作を継続ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ ãã†ã—ãŸå‹•ãをサãƒãƒ¼ãƒˆã—ã¦ãれるライブラリãŒsmoothState.jsã§ã™ã€‚å±¥æ´ç®¡ç†ã‚‚è¡Œã£ã¦ãれるライブラリã§ã™ã€‚ smoothState.jsã®ä½¿ã„æ–¹ デモã§ã™ã€‚クリック時ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¹ãƒ ーズã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ アニメーションã®ã•ã‚Œæ–¹ã‚‚複数ã‚ã‚Šã¾ã™ã€‚ メニューã§ä½¿ã†ãƒ‘ターンã§ã™ã€‚ smoothState.jsを使ã†ã¨ç”»é¢é·ç§»ã¯ã‚‚ã¡ã‚ã‚“ã€å±¥æ´ç®¡ç†ã‚‚è¡Œã£ã¦ãã‚Œã¾ã™ã€‚スマートフォンã¯ã‚‚ã¡ã‚んデスクトップブラウザã§ã‚‚利用ã§ãã‚‹ã§ã—ょã†ã€‚多ãã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯åŒæ§˜ã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ãŒã€å¤§ã’ã•ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚é·ç§»æ©Ÿèƒ½ã ã‘欲ã—ã„時ã«è‰¯ã•ãã†ã§ã™ã€‚ sm
Creative CSS3 Animation Menus | Codrops
{{#tags}}- {{label}}
{{/tags}}