はてなブックマーク

前回からだいぶ間が空いたけど続きをば。 そういえば思っていたよりスマホでのHTML5開発の記事が増えない。 もはやそこまで最先端って感じでもなくなってきたし、 興味ある人が少ないのか、それとも情報を公開したくないのか。 半年ほど今の仕事をやってきて、 いろいろと慣れてきたので、 webkit-animationを使ってCSSで キーフレームアニメーションする時の注意点を 書きたいと思う。 まずキーフレーム定義において、 最初と最後の要素は0%またはfromおよび100%またはto としてフレームを指定するのだが、 （以下は透明にフェードアウトする） @-webkit-keyframes kf1 { from{ opacity:1; } to{ opacity:0; } } 実はtoの部分にバグがあるため これでは一部のバージョンでは動かない。 なのでそれを防ぐためには以下のように書く必要が