CodePenã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€CSSã§ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„アニメーションを付ã‘ãŸã„ã¨ãã«å‚考ã«ãªã‚‹ãƒ‡ãƒ¢ 15 - NxWorldホãƒãƒ¼ã‚„クリックã—ãŸéš›ã®å‹•ãã‚’ä¸å¿ƒã«ã€CodePenã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹CSSを使ã£ã¦ã¡ã‚‡ã£ã¨ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„アニメーションを付ã‘ãŸã„ã¨ãã«å‚考ã«ãªã‚Šãã†ãªãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ ã„ãšã‚Œã‚‚目新ã—ã„æ„Ÿã˜ã®ã‚‚ã®ã§ã¯ãªã„ã®ã§ã™ãŒã²ã¨é€šã‚Šã®å‹•ããŒã¾ã¨ã‚られã¦ã„るデモãŒå¤šã‚ãªã®ã§ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã©ã‚“ãªæ„Ÿã˜ã«ã™ã‚‹ã‹æ‚©ã‚€ã“ã¨ãŒå¤šã„人ã¯ã“ã†ã„ã£ãŸã‚‚ã®ã‚’メモã—ã¦ãŠãã®ãŒãŠã™ã™ã‚ã§ã™ã€‚ CodePenã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§å®Ÿéš›ã®å‹•ãやコードを見るã ã‘ã§ãªãã€ãれらをベースã«è‡ªåˆ†å¥½ã¿ã«å¤‰æ›´ã—ã¦å‹•ãを確èªã—ãŸã‚Šã‚‚容易ã«ã§ãã¾ã™ã€‚ ã¾ãŸã€ä¾‹ãˆã°ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãªã©ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’付ã‘ãŸã„ã¨ã„ã†ã–ã£ãã‚Šãªè¦æœ›ãŒã‚ã£ãŸã¨ããªã©ã«ã‚‚ã€ã“ã†ã„ã£ãŸã‚‚ã®ã‚’利用ã™ã‚‹ã“ã¨ã§å¤§ä½“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ãŠäº’ã„èªè˜ã§ããŸã‚Šã™ã‚‹ã®ã«åˆ©ç”¨ã§ããã†ã§ã™ã。 紹介ã—ã¦ã„ã‚‹ã‚‚ã®ã¯ãƒ›ãƒãƒ¼ã‚„クリック時ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä¸»ã«ãªã‚‹ã®ã§ç¢ºèªã¯PC推奨ã§ã™ã€‚ Stacked Card
http://plus.appgiga.jp/masatolan/2015/03/09/55531/
{{#tags}}- {{label}}
{{/tags}}