CSS3 Gradient Radial Ini Sangat Misterius, Mungkin Hanya Saya yang Bilang Ini.
Lihatlah Kotak-kotak di Atas, Background Pada Kotak-kotak di Atas tidak Menggunakan Gambar, Namun, Background nya Menggunakan CSS3 Gradient Radial...
Sedikit Contoh yang Saya Berikan:
Misalnya, Pada Kotak 5. Kode CSS3 Backgroundnya Adalah:
background: -moz-radial-gradient(50% 53% 360deg,circle farthest-corner, #20E634, #CFFF30, #36DE51 68%,#E1FF1F 100%)background: -webkit-gradient(radial, -735 -235, 471, 206 647, 500, from(#FCFCFC), to(#060F03), color-stop(.5,#E8E117));
Pada Teks yang di Tebalkan di Atas, Dapat di Ubah Sesuai dengan Kreasimu!
Tapi, Saran Saya, Untuk Membuat CSS3 Gradient Radial Sesuai Kreasimu dengan Mudah,
Gunakanlah "Gradient Radial Generator". Penasaran??? Klik Link di Bawah Ini:
Semoga Bermanfaat...
Lihatlah Kotak-kotak di Atas, Background Pada Kotak-kotak di Atas tidak Menggunakan Gambar, Namun, Background nya Menggunakan CSS3 Gradient Radial...
Sedikit Contoh yang Saya Berikan:
Misalnya, Pada Kotak 5. Kode CSS3 Backgroundnya Adalah:
background: -moz-radial-gradient(50% 53% 360deg,circle farthest-corner, #20E634, #CFFF30, #36DE51 68%,#E1FF1F 100%)background: -webkit-gradient(radial, -735 -235, 471, 206 647, 500, from(#FCFCFC), to(#060F03), color-stop(.5,#E8E117));
Pada Teks yang di Tebalkan di Atas, Dapat di Ubah Sesuai dengan Kreasimu!
Tapi, Saran Saya, Untuk Membuat CSS3 Gradient Radial Sesuai Kreasimu dengan Mudah,
Gunakanlah "Gradient Radial Generator". Penasaran??? Klik Link di Bawah Ini:
Untuk Privewnya, Lihat di Bawah Ini:
2 komentar
Kira-kira sfesifikasi ini -735 -235, 471, 206 647, 500, harus di jelaskan sepertinya dan juga from(#FCFCFC), to(#060F03), color-stop(.5,#E8E117));
ReplySetahu saya gradient harus mempunyai sfesifik tertentu terhadap matematika dengan persamaan kuadrat maupun pertidaksamaan.
(x0, y0, r0, x1, y1, r1)
lingkaran dengan koordinat (x1, y1) dan r1 dan jari-jari lingkaran kedua dengan koordinat (x2, y2) dan r2 radius.
Browser belum mendukung semua Apalagi IE saya benci IE jadul, namaun semoga mendukung semua tanpa kita harus menulis kode sfesifik dalam CSS yah..masa nama kebesaran mereka harus di tulis dalam kode seperti webkit dan gecko "moz".
Enaknya kan ga ada itu ya, biar simple gitu..hehe.
Baiklah bg!!,
Replysaran abang yang ini...
akan saya pelajari lebih...
karna sfesifikasi css gradient ini saya kurang mengerti..
"wajarlah, saya tak suka matimatika...
Terimakasih banyak....