css3ã®transformã®å®Ÿè£…サンプル - ã‹ã¡ã³ã¨.net今更ã§ã™ã‘ã©ã€css3ã®ã‚µãƒ³ãƒ—ル をメモ代ã‚ã‚Šã«è¨˜äº‹ã«ã—ã¦ãŠã ã¾ã™ã€‚使ã‚ãªã„ã¨æ€ã£ã¦ã„ã¾ã—㟠ãŒã€ä»•äº‹ä»¥å¤–ã§ä½¿ã†ã®ã§ã‚³ãƒ”ペ 用ã«ãƒ¡ãƒ¢ã€‚ 実装例をãã®ã¾ã¾ã‚³ãƒ”ペã—ã¦ä½¿ãˆã°åŒæ§˜ã®å¤‰å½¢ãŒå¯èƒ½ã§ã™ã€‚ブラウザã¯Chromeã¨ã‹Fiirefoxã€Safariãªã©ã§ã”覧下ã•ã„。細ã‹ã„対応状æ³ã¯èª¿ã¹ã¦ã„ã¾ã›ã‚“。数値ã¯è¨˜äº‹ã«åŽã¾ã‚Šã€ä¸”ã¤å®Ÿè£…状態ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚見難ã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„。webkitç³»ã¨moz系を一緒ã«ã—ã¦ã¾ã™ デフォルト デフォルトã®çŠ¶æ…‹ ã“ã‚ŒãŒåŸºæº–ã§ã™ skew / è¦ç´ を曲ã’ã‚‹ skewX(*deg) -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg);
{{#tags}}- {{label}}
{{/tags}}