3D回転(3D Transforms) - å¼·ç«ã§é€²ã‚ã“ã®ã‚µãƒ³ãƒ—ルã®å‹•ä½œç¢ºèªæ¸ˆã¿ç’°å¢ƒã€‚ マシン 環境 iPhone iPhone OS 3.1.2ã«ä»˜å±žã®Safari Mac Safari 4.0.4 基本è¨å®š CSS -webkit-transform-style: preserve-3d; /* 3D表ç¾ä½¿ç”¨ã™ã‚‹ */ -webkit-perspective: 100; /* パース(é è¿‘æ„Ÿ)ã®è¨å®š */ -webkit-transition: -webkit-transform 1s linear /* アニメーションã®åŸºæœ¬å‹•ä½œã‚’è¨å®š */ ã“ã®æ§˜ã«è¨˜è¿°ã—ã¾ã™ã€‚個別ã«è§£èª¬ã—ã¾ã™ã€‚ 「-webkit-transform-style: preserve-3d;ã€ã¯3D Transformsを使ã„ãŸã„ã¨ãã«è¨˜è¿°ã—ã¾ã™ã€‚ 「-webkit-perspectiveã€ã¯ãƒ‘ース(é è¿‘æ„Ÿ)ã®è¨å®šã€‚詳ã—ãã¯ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã§ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’移動ã•ã›ã¦ã¿ã¦ä¸‹ã•ã„
CSS3ã«ã‚ˆã‚‹3Dアニメーション
{{#tags}}- {{label}}
{{/tags}}