{"action":"opened","issue":{"url":"https://api.github.com/repos/kyaido/knowledge/issues/20","repository_url":"https://api.github.com/repos/kyaido/knowledge","labels_url":"https://api.github.com/repos/kyaido/knowledge/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/kyaido/knowledge/issues/20/comments","events_url":"https://api.github.com/repos/kyaido/knowledge/issues/20/events","html_url":"https://github.com/kyaido/knowledge/issues/20","id":210371665,"number":20,"title":"cssで3d表現する際に気をつけるべきブラウザ対応","user":{"login":"kyaido","id":1821441,"avatar_url":"https://avatars.githubusercontent.com/u/1821441?v=3","gravatar_id":"","url":"https://api.github.com/users/kyaido","html_url":"https://github.com/kyaido","followers_url":"https://api.github.com/users/kyaido/followers","following_url":"https://api.github.com/users/kyaido/following{/other_user}","gists_url":"https://api.github.com/users/kyaido/gists{/gist_id}","starred_url":"https://api.github.com/users/kyaido/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyaido/subscriptions","organizations_url":"https://api.github.com/users/kyaido/orgs","repos_url":"https://api.github.com/users/kyaido/repos","events_url":"https://api.github.com/users/kyaido/events{/privacy}","received_events_url":"https://api.github.com/users/kyaido/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-02-27T02:15:53Z","updated_at":"2017-02-27T02:15:53Z","closed_at":null,"body":"IE10,11は`transform-style: preserve-3d`が使えない。\r\nなので、これらに対応するためには`transform-style: flat`として作っていかなければならない。\r\n`transform-style: preserve-3d`が使えるのであれば親要素に3dを適用させてあげれば子要素も3dとして扱われるが、`transform-style: flat`でやっていくのであれば3d表現させるすべての個別要素にz軸の回転を指定する必要がある。\r\n\r\niOS safari（バージョンは詳しく調べてないけど少なくともiOS9）では`transform-origin`にz軸を指定するとそれだけで拡大表示されてしまう模様。\r\nなので`transform-origin`でz軸を指定することは避けなければならない。\r\n\r\n参考：\r\nhttps://www.smashingmagazine.com/2016/07/front-end-challenge-accepted-css-3d-cube/\r\nhttp://stackoverflow.com/questions/10339623/why-does-transform-origin-z-distort-on-safari-ios\r\nhttp://unformedbuilding.com/articles/ie10-does-not-support-transform-style-preserve-3d/\r\nhttp://blog.qaramell.com/iwate/9601\r\nhttp://qiita.com/7968/items/eddfeb4b424d7c2d2d34#2d%E3%81%BE%E3%81%9F%E3%81%AF3d%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3"}}
{"actor":{"display_login":"kyaido"}}