こんにちは。フロントエンドエンジニアのつっちーです。 2017年4月12日、ついにWindows Vistaのサポート終了しましたね。これによってInternet Explorer 9のサポートも終了(※1)となりました。CSSアニメーションも、display:flexもやっと遠慮なく使える!(※2) ということで今回は、クロスフェード式のスライドショーを、IE9を切り捨てることでよりシンプルに実装してみましょう。 ※1 Windows Serverを除く ※2 接頭辞-ms-は必要 今回つくるスライドショー まずは完成した状態を確認してみましょう。 See the Pen 1702-completed by ligdsktschy (@lig-dsktschy) on CodePen. 一定時間ごとに画像がクロスフェードするスライドショーです。演出としてズームの効果も加えてあります。 ち
![さよならIE9!CSSアニメーションでシンプルなスライドショーを作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f86fa11ada1bea7f45a7f782e0db59cdbcf6f29/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2017%2F02%2F149268959169094800_30.jpg)