ガレコレ [Garage Collection]
2017年12月2日(土)
[CSS3] animation #■パソコン・通信
 故クーの電子アルバムをブラウザで表示するのにしようと、CSS3のanimationを再テストしてみた。

 以前にテストしてみたときは、どのブラウザもメチャクチャだったので、塩漬けにして置いたものである。

 結論から言うと、Firefox、Safari、IE11は、まともに動く。他のブラウザも、以前よりはマシだが、機能を限定して利用するしかない。

 Microsoft Edgeでは、rotateを使った繰り返し操作でメチャクチャになる。

 Google ChromeとOperaでは、font-sizeが0ptは有効だが、小さい文字が有効にならないので、文字のzoom in/outで思ったようにならない。文字ではなく、イラストを使う必要がある。

 Flashで簡単に出来たことが、HTML5+CSS3で未だに整っていない。それ用のアプリが無い訳だ。呆れ果てて、ソースを説明する気にもならない。

 複雑な記述で何が起きるか分からない状況なので、安定しているfade in/outとzoom in/outぐらいしか、まともに使えないと判断した。


P.S. IE11では正常に動くのに、最新ブラウザであるMicrosoft Edgeでは誤動作がある。皮肉なものだ。
http://neconote.jp/prg/animation.html
 
お問い合わせ


by Network Communication Note