BLOG
25年新卒 WEBエンジニア インターンシップ 受付中

jQuery 1.8 になって CSSベンダープレフィックスが自動で追加されるようになったみたいなので試してみる

更新日:2014/04/03

jQuery 1.8 がリリースされています。

おもな改善点は、セレクタエンジン「Sizzle」の高速化、CSSベンダープレフィックスの自動化、モジュール化機能、アニメーション処理刷新、といったところでしょうか。

そのながで個人的に一番利用頻度のありそうな CSSベンダープレフィックスの自動化について試してみました。

↓クリックして動きを確認するデモ ※ブログ内のデモはPCのみです

click! →
← click!

HTML

CSS

JavaScript

chromeで確認したところ
chromeキャプチャ

firefoxで確認したところ
firefoxキャプチャ

IE9で確認したところ
IE9キャプチャ

まぁ… IE9は transitionに対応していないため transformしか反映されてませんが、そこは IEクオリティってことで。。

これまで指定なしと合わせて5つ ( -webkit- / -moz- / -o- / -ms- ) 書かなければならなかったのにくらべて、ずっとすっきりしていいですね。

藤崎

FOLLOW US