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
Firefox5でCSSの@keyframesにクオートがあると動かない件について - Webtech Walker
Firefox5でCSSのAnimationsが実装されましたが、ちょっとWebkit系と違うところがあるみたいです。 どう違うかというと、@keyframesのアニメーション名にクオートを付けるとWebkit系は動くけどFirefox5は動かないみたい。 DEMO つまりこういうこと。（説明簡略化のためベンダプレフィックスは除いてます） /* Webkitは動くけどFirefoxは動かない */ @keyframas 'hoge' { /* ... */ } /* WebkitでもFirefoxでも動く */ @keyframas hoge { /* ... */ } で、仕様はどうなってるか見てみると CSS Animations Module Level 3 keyframes-rule: ‘@keyframes’ IDENT ‘{’ keyframes-blocks ‘}’; って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
