Firefox (v12) とChome (v18) のcss3 animationの記述の違い | イヨノート
animation 12/05/15現在、Firefox (v12) ではanimation-nameとkeyframesの指定に、クォーテーションを使用すると動かない。 参考: CSS animations - MDN 現状動作する記述は以下。 e:hover { -webkit-animation: 'actHover' ease-out 1s 1; /* クォーテーションなしでも動作 */ -moz-animation: actHover ease-out 1s 1; animation: 'actHover' ease-out 1s 1; } @-webkit-keyframes 'actHover' { from { opacity: 0.5; } to { opacity: 1; } } /* クォーテーションなしでも動作 */ @-moz-keyframes actHover
@keyframesとAndroid
@keyframesとAndroid CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。 transformに複数の値を指定すると動かない @-webkit-keyframes hogeName{ 0% {-webkit-transform:scale(1,2)} 50% {-webkit-transform:scale(2,2) translateY(10px)} 100% {-webkit-transform:scale(1,1) translateY(0)} } サンプル というようにtransformに複数の値が不規則に入る場合Androidでは動作しなくなることがあります。（このサンプルだとscaleの指定が無視される） @-webkit-keyframes hogeName{ 0% {-webkit-transform
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
