【WordPress.com】transition 等の delay を「0s」に設定すると機能しない?

CSS に関する、ややマニアックな話題です。

CSS を使うと、一般的には以下のようなアニメーションを表示することができますが、

WordPress.com だとうまくいかないケースがあるようです。その傾向については、まだ、把握しきれていません。

うまくいかないケースとして、例えば、animation の delay を「0s」に設定すると、2016-02-18現在、WordPress.com では、少なくとも mac の Firefox でアニメーションが機能しなくなるようです。

なお、例えば、「.001s」等、極小の値を入力するか、「0s」自体を削除(初期値が「0s」なので問題ない)すれば問題ないようです。

WordPress.com にゴーストボタンを貼る

以下の記事で紹介されていたボタンを WordPress.com で試してみたところ、うまくいくことを確認しました。

表示のようすはこんな感じです。HTML を記事に貼って、CSS を WordPress.com に適用すれば、以下のようなボタンが反映されると思います。

画像をスムーズに拡大するためのCSS

最終更新日:2016-02-13

imgwide03

続きを読む

#2012

WordPress.com のテーマ「AutoFocus」の画像を黒っぽくするためのCSS

autofocusblack02

rect3015

autofocusblack01

続きを読む

#2012