hitode909 https://blog.hatena.ne.jp/hitode909/ hitode909の日記 https://blog.sushi.money/ -webkit-box-reflectは今や忘れられつつある技という感じで、古くはApple製品の反射を作り出すために使われていた(要出典)。 反射を繰り返し適用できると、1つの画像からおしゃれなパターンを作れるのではと思って練習してみた。 アニメーションGIFに対して適用する 以下のページに置いてある画像は1つだけで、あとは反射させて作っている。 Google Chromeでみると、キビキビ動いてるのは1つだけで、横に行くとだんだん動きが遅くなっていく、とか、上に反射したところはまだ動いているけど、それ以降は動かなくなる、とか、面白い動きをした。 Safariでみるとすべての画像がちゃんと動… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.sushi.money%2Fentry%2F2019%2F10%2F24%2F235900" title="-webkit-box-reflectを繰り返し適用する試み - hitode909の日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-10-24 23:59:00 rich https://blog.sushi.money/entry/2019/10/24/235900 1.0 100%