Firefox 4 beta(2) hadir dengan CSS 3 Transition-nya

Mozilla mengumumkan kedatangan Firefox 4 Beta 2 akhir pekan lalu, hanya tiga minggu setelah merilis Beta 1. Rilis ini diperbarui mencakup dua peningkatan besar atas rilis beta pertama, terutama peningkatan kinerja dan peningkatan dukungan untuk CSS3 Transition.
Anda dapat men-download rilis terbaru di sini.

Peningkatan Kinerja

Firefox 4 Beta 2 memperkenalkan mekanisme membangun Halaman Baru: Retained Layers.
Menurut Mozilla Hacks Blog:

Mekanisme ini memberikan kecepatan lebih cepat terlihat untuk halaman web dengan konten dinamis, dan bergulir lebih halus. Juga, kami masih bereksperimen dengan akselerasi hardware: menggunakan GPU untuk membuat dan membangun beberapa bagian dari halaman web.

Peningkatan Dukungan untuk CSS 3 Transition

CSS3 Transition, memungkinkan Web Developer untuk menghidupkan perubahan ke properti CSS, ini telah diperkenalkan untuk Firefox 4 di rilis beta sebelumnya, namun sekarang versi beta kedua memungkinkan untuk penggunaan CSS3 Transition dalam Mentransformasi CSS3 (eg. scale, translate, skew)
Berikut adalah contoh dasar CSS 3 Transition yang diambil dari Mozilla Hacks Blog:

See this box? Move your mouse over it, and its position transform: rotate(5deg); will transform transform: rotate(350deg) scale(1.4) rotate(-30deg); through a smooth animation.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *