JavaScriptãªã—!! CSSã ã‘ã§å®Ÿç¾ã™ã‚‹3Dアニメーション | HTML5GOGOCSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ³ãƒ—ルã§ã€ç«‹æ–¹ä½“を扱ã£ãŸã‚‚ã®ã¯æ•°ã‚ã‚Œã©ã€ãれ以上ã®å¤šé¢ä½“ã®ã‚µãƒ³ãƒ—ルãŒè¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§ã€å€ã®12é¢ä½“を作りã¾ã—ãŸã€‚ イメージ æ¦‚è¦ ä»Šå›žã¯ãã®ã‚µãƒ³ãƒ—ルを題æã«ã€CSS3ã§æ–°ãŸã«è¿½åŠ ã•ã‚ŒãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç³»ã®ãƒ—ãƒãƒ‘ティをã”紹介ã—ã¾ã™ã€‚ ※今回ã”紹介ã™ã‚‹ãƒ—ãƒãƒ‘ティã¯ã€åŸ·ç†æ™‚点ã§ã¯å…¨ã¦è¦ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスã§ã™ã€‚ ※対応ブラウザ：Chrome 12～, Safari 5～ Mozillaã¯ã€Œç¾æ™‚点ã§ã¯ Z 軸ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ãŸã‚ 3D ã®å›žè»¢ã‚„ 3D 拡大縮å°ã€3D 変æ›ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“。ã€ã ãã†ã§ã™ã€‚ MDN – CSS transforms ã®åˆ©ç”¨ ※グラフィックボードãŒ3Dã®è¡¨ç¾ã«å¯¾å¿œã—ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ※動作ã«ã¯CPUパワーãŒå°‘々必è¦ã«ãªã‚Šã¾ã™ã€‚ HTMLサンプル ※å„é¢ã¯ãƒªãƒ³ã‚¯ã«ãªã£ã¦ã„ã¾ã™ã€‚ 回転方å‘を指定ã§ãるコントãƒãƒ¼ãƒ©ãƒ¼ä»˜ãã®ã‚µãƒ³
{{#tags}}- {{label}}
{{/tags}}