{"id":1959,"date":"2011-11-19T23:58:08","date_gmt":"2011-11-19T14:58:08","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=1959"},"modified":"2012-02-10T02:01:57","modified_gmt":"2012-02-09T17:01:57","slug":"css3-transformrotate-%e8%a6%81%e7%b4%a0%e3%82%92%e5%9b%9e%e8%bb%a2%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=1959","title":{"rendered":"CSS3 transform:rotate() \u8981\u7d20\u3092\u56de\u8ee2\u8868\u793a\u3059\u308b"},"content":{"rendered":"<p>transform\u30d7\u30ed\u30d1\u30c6\u30a3\u306erotate()\u3092\u4f7f\u3046\u4e8b\u306b\u3088\u3063\u3066\u8981\u7d20\u3092\u56de\u8ee2\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"https:\/\/www.webcyou.com\/?p=1904\">transform\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u307e\u3068\u3081\u306f\u3053\u3061\u3089\u304b\u3089\u3002<\/a><\/p>\n<h4 style=\"margin-top: 1em;\">\u5024<\/h4>\n<p style=\"margin-top: 1em;\"><strong>rotate(\u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000<\/strong>rotate()\u95a2\u6570\u3067\u306f\u3001\u89d2\u5ea6\u306b\u3088\u3063\u30662D\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 1em;\"><strong>rotateX(\u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000<\/strong>X\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 1em;\"><strong>rotateY(\u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000<\/strong>Y\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 1em;\"><strong>rotateZ(\u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000<\/strong>Z\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 1em;\"><strong>rotate3d(\u6570\u5024, \u6570\u5024, \u6570\u5024, \u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000<\/strong>rotate3d()\u95a2\u6570\u3067\u306f\u3001 \u6700\u521d\u306e3\u3064\u306e\u6570\u5024\u3067[x,y,z]\u30d9\u30af\u30c8\u30eb\u306e\u6307\u5b9a\u3002\u6700\u5f8c\u306b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 2em;\">\u56de\u8ee2\u89d2\u5ea6\u306e\u5024\u306fdeg\u3092\u5165\u529b\u3002<\/p>\n<p>\u4f8b\uff1a<\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotate(160deg);\r\n-webkit-transform: rotate(160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<h4 style=\"margin-top: 1em;\">rotate()<\/h4>\n<p style=\"margin-top: 1em;\">\u89d2\u5ea6\u306b\u3088\u3063\u30662D\u56de\u8ee2\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/923e6abbb9a8b413e58908d0b70030ca.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.21.56\" width=\"521\" height=\"106\" class=\"align none size-full wp-image-1960\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/923e6abbb9a8b413e58908d0b70030ca.png 521w, https:\/\/www.webcyou.com\/wp-content\/uploads\/923e6abbb9a8b413e58908d0b70030ca-300x61.png 300w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotate(160deg);\r\n-webkit-transform: rotate(160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/9a1b1f6b5bfc57d1300634242d2a84fc.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.22.51\" width=\"517\" height=\"119\" class=\"align none size-full wp-image-1961\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/9a1b1f6b5bfc57d1300634242d2a84fc.png 517w, https:\/\/www.webcyou.com\/wp-content\/uploads\/9a1b1f6b5bfc57d1300634242d2a84fc-300x69.png 300w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotate(-160deg);\r\n-webkit-transform: rotate(-160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/rotate.html#r01\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a><\/p>\n<h4 style=\"margin-top: 1em;\"><strong>rotateX()<\/strong><\/h4>\n<p style=\"margin-top: 1em;\"><strong>rotateX()\u306f<\/strong>X\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/eb40e4e85145f235783bff915f221ef5.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.23.03\" width=\"518\" height=\"82\" class=\"align none size-full wp-image-1962\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/eb40e4e85145f235783bff915f221ef5.png 518w, https:\/\/www.webcyou.com\/wp-content\/uploads\/eb40e4e85145f235783bff915f221ef5-300x47.png 300w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateX(140deg);\r\n-webkit-transform: rotateX(140deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/6ed5abf57de1bd7abb5270290b9d1e56.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.23.14\" width=\"524\" height=\"105\" class=\"align none size-full wp-image-1963\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/6ed5abf57de1bd7abb5270290b9d1e56.png 524w, https:\/\/www.webcyou.com\/wp-content\/uploads\/6ed5abf57de1bd7abb5270290b9d1e56-300x60.png 300w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateX(-140deg);\r\n-webkit-transform: rotateX(-140deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/rotate.html#r02\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a><\/p>\n<h4 style=\"margin-top: 1em;\"><strong><\/strong><strong>rotateY()<\/strong><\/h4>\n<p style=\"margin-top: 1em;\"><strong>rotateY()\u306f<\/strong>Y\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/ea9969c01bdff7ac6f049e01baf13ffb.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.23.22\" width=\"518\" height=\"84\" class=\"align none size-full wp-image-1964\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/ea9969c01bdff7ac6f049e01baf13ffb.png 518w, https:\/\/www.webcyou.com\/wp-content\/uploads\/ea9969c01bdff7ac6f049e01baf13ffb-300x48.png 300w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateX(160deg);\r\n-webkit-transform: rotateX(160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/e5966f4d55f882afbcca6f181bc21542.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.23.31\" width=\"532\" height=\"105\" class=\"align none size-full wp-image-1965\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/e5966f4d55f882afbcca6f181bc21542.png 532w, https:\/\/www.webcyou.com\/wp-content\/uploads\/e5966f4d55f882afbcca6f181bc21542-300x59.png 300w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateX(-160deg);\r\n-webkit-transform: rotateX(-160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/rotate.html#r03\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a><\/p>\n<h4 style=\"margin-top: 1em;\"><strong>rotateZ()<\/strong><\/h4>\n<p style=\"margin-top: 1em;\"><strong>rotateZ()\u306f<\/strong>Z\u8ef8\u3092\u8ef8\u3068\u3059\u308b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002 <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/923e6abbb9a8b413e58908d0b70030ca.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.21.56\" width=\"521\" height=\"106\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateZ(160deg);\r\n-webkit-transform: rotateZ(160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/9a1b1f6b5bfc57d1300634242d2a84fc.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.22.51\" width=\"517\" height=\"119\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotateZ(-160deg);\r\n-webkit-transform: rotateZ(-160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/rotate.html#r04\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a><\/p>\n<h4 style=\"margin-top: 1em;\">rotate3d(\u6570\u5024, \u6570\u5024, \u6570\u5024, \u56de\u8ee2\u89d2\u5ea6)<\/h4>\n<p style=\"margin-top: 1em;\">rotate3d()\u95a2\u6570\u3067\u306f\u3001 \u6700\u521d\u306e3\u3064\u306e\u6570\u5024\u3067[x,y,z]\u30d9\u30af\u30c8\u30eb\u306e\u6307\u5b9a\u3002\u6700\u5f8c\u306b\u89d2\u5ea6\u306b\u3088\u3063\u3066\u6642\u8a08\u56de\u308a\u306e\u56de\u8ee2\u3092\u6307\u5b9a\u3002<\/p>\n<p style=\"margin-top: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/5991828fab0b1f35b8c628946e83df82.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.47.38\" width=\"459\" height=\"134\" class=\"align none size-full wp-image-1967\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/5991828fab0b1f35b8c628946e83df82.png 459w, https:\/\/www.webcyou.com\/wp-content\/uploads\/5991828fab0b1f35b8c628946e83df82-300x87.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotate3d(30,10,20,160deg);\r\n-webkit-transform: rotate3d(30,10,20,160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/2439e4e87e3e069c0aec7773ec253759.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2011-11-19 23.52.14\" width=\"474\" height=\"93\" class=\"align none size-full wp-image-1969\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/2439e4e87e3e069c0aec7773ec253759.png 474w, https:\/\/www.webcyou.com\/wp-content\/uploads\/2439e4e87e3e069c0aec7773ec253759-300x58.png 300w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">-moz-transform: rotate3d(30,10,20,-160deg);\r\n-webkit-transform: rotate3d(30,10,20,-160deg);<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u00a0<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/rotate.html#r05\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>transform\u30d7\u30ed\u30d1\u30c6\u30a3\u306erotate()\u3092\u4f7f\u3046\u4e8b\u306b\u3088\u3063\u3066\u8981\u7d20\u3092\u56de\u8ee2\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 transform\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u307e\u3068\u3081\u306f\u3053\u3061\u3089\u304b\u3089\u3002 \u5024 rotate(\u56de\u8ee2\u89d2\u5ea6)\u3000\uff1a\u3000rotate()\u95a2\u6570\u3067\u306f\u3001\u89d2\u5ea6\u306b\u3088\u3063 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[177,97,69],"class_list":["post-1959","post","type-post","status-publish","format-standard","hentry","category-css3","tag-css3","tag-rotate","tag-transform"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1959"}],"version-history":[{"count":7,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1959\/revisions"}],"predecessor-version":[{"id":2908,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1959\/revisions\/2908"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}