{"id":942,"date":"2011-03-29T23:14:05","date_gmt":"2011-03-29T14:14:05","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=942"},"modified":"2012-02-10T02:08:41","modified_gmt":"2012-02-09T17:08:41","slug":"css3-3d-%e5%9b%9e%e8%bb%a2-transform-rotate-perspective%e8%bf%bd%e5%8a%a0","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=942","title":{"rendered":"css3 3d \u56de\u8ee2 transform rotate() perspective\u8ffd\u52a0"},"content":{"rendered":"<p>\u524d\u56de\u306e<\/p>\n<h3 style=\"margin-top: 1em;\"><a href=\"https:\/\/www.webcyou.com\/?p=931\">css3 3d \u56de\u8ee2 transform rotate()<\/a><\/h3>\n<p>\u306e\u7d9a\u304d\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/test01.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/b825e354b303a234431169b65954c560.png\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\uff082011-03-29 22.34.45\uff09\" width=\"285\" height=\"421\" class=\"aligncenter\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\u3053\u3061\u3089\u306bperspective\u3092\u8ffd\u52a0\u3057\u3001\u9060\u8fd1\u611f\u52b9\u679c\u3092\u4ed8\u3051\u307e\u3059\u3002<\/p>\n<p>HTML<\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;div id=&quot;turn&quot;&gt;\r\n&lt;div id=&quot;rX&quot;&gt;rotateX&lt;\/div&gt;\r\n&lt;div id=&quot;rY&quot;&gt;rotateY&lt;\/div&gt;\r\n&lt;div id=&quot;rZ&quot;&gt;rotateZ&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<\/p>\n<p>rotateX\u3001rotateY\u3001rotateZ\u306e\u89aa\u8981\u7d20\u3067\u3042\u308b<\/p>\n<div id=\"turn\">\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">#turn{\r\n-webkit-transform-style: preserve-3d;\r\n-webkit-perspective: 100;\r\n-webkit-transition: -webkit-transform 1s linear\r\n}<\/pre>\n<\/p>\n<\/div>\n<div id=\"turn\">-webkit-transform-style: preserve-3d;\u30673D\u8868\u73fe\u4f7f\u7528\u53ef\u80fd\u3068\u3057\u3001<br \/>\n -webkit-perspective: \u5024; \u3067\u3001\u30d1\u30fc\u30b9(\u9060\u8fd1\u611f)\u306e\u8a2d\u5b9a\u3092\u3057\u3001<br \/>\n -webkit-transition: -webkit-transform 1s linear \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u52d5\u4f5c\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/div>\n<div>\u3053\u306e3\u884c\u4ed8\u3051\u52a0\u3048\u308b\u3060\u3051\u3067\u3001\u9060\u8fd1\u611f\u306e\u3042\u308b3D\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/div>\n<div>\u5206\u304b\u308a\u3084\u3059\u3044\u3088\u3046\u306b\u3001\u30dc\u30bf\u30f3\u3092\u8a2d\u7f6e\u3057\u3001\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068<\/div>\n<div>\u30d1\u30fc\u30b9(\u9060\u8fd1\u611f)\u306e\u8a2d\u5b9a\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<\/div>\n<div style=\"text-align: right;\"><a href=\"http:\/\/webcyou.com\/demo\/css3\/transform\/test01-b.html\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3053\u3061\u3089\u304b\u3089<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u306e css3 3d \u56de\u8ee2 transform rotate() \u306e\u7d9a\u304d\u3068\u306a\u308a\u307e\u3059\u3002 \u3053\u3061\u3089\u306bperspective\u3092\u8ffd\u52a0\u3057\u3001\u9060\u8fd1\u611f\u52b9\u679c\u3092\u4ed8\u3051\u307e\u3059\u3002 HTML &lt;div id=&quot;turn&quot;&#038;g [&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":[],"class_list":["post-942","post","type-post","status-publish","format-standard","hentry","category-css3"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/942","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=942"}],"version-history":[{"count":6,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/942\/revisions"}],"predecessor-version":[{"id":2915,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/942\/revisions\/2915"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}