Berbicara tentang CSS3 sepertinya bagus buat topik kali ini karena fitur-fitur yang di berikan sangat bagus salah satunya kemampuan untuk membuat warna latar/background gradient, hebat kan sobat? CSS3 sudah tidak asing di kalangan para web developer. Banyak yang bisa optimalisasi yang dapat dilakukan dengan css3 bukan hanya sekedar
tampilan yang beutiful dan mengagumkan tapi juga dalam hal
kecepatan loading serta optimalisasi mesin mencari (seo).
Contoh optimalisasi yang dapat dilakukan seperti meminimalkan penggunaan
gambar yang efeknya minimalnya objek yang dikirimkan ke pengunjung,
yang otomatis juga berdampak meningkatnya kecepatan tampilnya sebuah
halaman. Saya pribadi menyarankan penggunaan gambar jika dihitung
persentasi harus dibawah 50% sisanya menggunakan teknologi/objek
laternatif seperti text atau efek css
Salah Satu Contoh Kode CSS3 Untuk Membuat Gradient :
#contoh3 {
/* fallback */
background-color: #32cd32;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear,left top,right top,from(#32cd32),to(#2F2727));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(left, #2F2727, #32cd32);
/* Firefox 3.6+ */
background: -moz-linear-gradient(left, #2F2727, #32cd32);
/* IE 10 */
background: -ms-linear-gradient(left, #2F2727, #32cd32);
/* Opera 11.10+ */
background: -o-linear-gradient(left, #2F2727, #32cd32);
Semoga bermanfaat buat kita semua.
Title : Belajar Gradient Dengan CSS3
Description : Berbicara tentang CSS3 sepertinya bagus buat topik kali ini karena fitur-fitur yang di berikan sangat bagus salah satunya kemampuan untuk m...