-webkit-perspective-origin, -webkit-perspective, -webkit-transform 辺りを使って台形に変形。あとは 50ms 毎の setTimeout でスクロールしている。

yamadar のブックマーク 2015/11/30 16:28

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/272413821/comment/yamadar" data-user-id="yamadar" data-entry-url="https://b.hatena.ne.jp/entry/s/www.google.co.jp/?q=a+long+time+ago+in+a+galaxy+far+far+away" data-original-href="https://www.google.co.jp/?q=a+long+time+ago+in+a+galaxy+far+far+away" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.google.co.jp%2F%3Fq%3Da%2Blong%2Btime%2Bago%2Bin%2Ba%2Bgalaxy%2Bfar%2Bfar%2Baway" data-user-icon="/users/yamadar/profile.png">Google</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%40Google">@Google</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%2ACSS3">*CSS3</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%2Ajavascript">*javascript</a>]</li></ul><br><p style="clear: left">-webkit-perspective-origin, -webkit-perspective, -webkit-transform 辺りを使って台形に変形。あとは 50ms 毎の setTimeout でスクロールしている。</p><a class="datetime" href="https://b.hatena.ne.jp/yamadar/20151130#bookmark-272413821"><span class="datetime-body">2015/11/30 16:28</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！