あるCSSアニメーションを実行させるとiPhoneに負荷がかかり、iPhoneが落ちる「リスプリング」が発生したり、端末が温まったりする現象が明らかになりました。実際に編集部にあるiPhoneで試してみたところ、本当に一瞬でリスプリングがかかってしまうことがわかりました。 フォンカイロ スマホ発熱中 https://phone-kairo.set0gut1.com/ この現象は、「東京の野良プログラマー」というset0gut1さんが発見したもの。詳細は以下のページに書かれているのですが、仕組みとしてはオブジェクトがグルグル回るCSSアニメーションの部分にCSSフィルタで200pxのdrop-shadowをつけたものをブラウザ「Safari」で表示させると、画面をピンチしてズームした瞬間にリスプリングがかかるというもの。iPhone Xなどの端末では、ページを開いた瞬間にリスプリングしてしま
![CSSアニメでiPhoneのブラウザが落ちる「フォンカイロ スマホ発熱中」で実際にブラウザを落としてみた+カイロとして暖をとってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/d81edb522bb8d11820b11ea9a2cf99304b200ed3/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2018%2F11%2F08%2Fphone-kairo%2F00.jpg)