Bruce からのお願い

Many developers have assumed that only Gecko and Webkit browsers will ever render CSS rounded corners or transitions, so have only specified their CSS with -moz- or -webkit- prefixes—sometimes while simultaneously berating other browsers for not supporting these properties yet.

IE 9 も角丸に対応予定だって言ってるし、Opera 10.50 は対応しているので、既存の角丸なんかには -o- も書き加えてよ、という Bruce Lawson からのお願い。
正しくは最初からブルースが言っている通り。

please take a minute to add the -o- prefix to your CSS transitions and transform declarations, and to add border-radius and box-shadow without vendor prefixes.
CSS transirtion と transform を宣言する時は、-o- 接頭辞を付ける手間を割いて欲しい。border-radius と box-shadow にはベンダー接頭辞なしをよろしく。

  • もっともここの角丸やら箱影は Opera 10.50 にしか対応させていなかった。世間のほとんどが Opera 10.50 にあわせて書き換えたら追記してやろうと思っていたが、あのセクシーなブルースが素直に言ってるので、今日中に -webkit- や -moz- を書き加えてやろうと思う。
  • border-radius と box-shadow には接頭辞なしの指定も必要だね。transition には -o- が必要だが、border-radius や box-shadow には接頭辞なしで Opera 10.50 は動く。

アンテナを含めて追記完了。

  • Firefox でも角丸を有効にしてやった。
  • transition は Firefox 3 が対応していないので仕方がない。ChromeOpera 10.50 と同じ効果が出ているのを確認。
  • blockquote への box-shadow に -moz- と -webkit- を付け忘れてた。このように見落としの危険性多し。
  • -o- 付きとそうでないのとの差は、W3C の Candidate Recommendation になっているものと、Working Draft との差。
  • というわけで、CR になれば実装してある環境全てで動くはず。その時に動かないのはページの作り手の問題。