Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, balik lagi dengan saya, dan kita lanjut lagi belajarnya, pada pembahasan kali ini kita akan belajar mengenal nilai radial-gradient pada css3.

mungkin teman-teman sering mendengar atau mungkin pernah menggunakan nilai linear-gradient pada css, yups benar fungsi dari linear-gradient pada css adalah untuk membuat perpaduan warna gradasi pada suatu konten website dan seperti yang kita tau linear gradient itu membuat gradasi dengan poros atau koordinat gradasi garis lurus.

Nah sekarang saya akan mempraktekan nilai dari radial-gradien, untuk fungsinya sama degan linear-gradient hanya saja untuk pola gradasinya berneda, kalau radial akan membuat pola gradasi lingkaran.

untuk lebih jelasnya kita langsung saja praktekan, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat div dimana nanti div ini yang kita akan berikan warna background dengan nilai radial-gradient, oke sekarang teman-teman coba tambahkan script css berikut ini:

saya mengatur tunggi dan lebar div diatas, lalu saya memberikan nilai radial-gradient pada background yaitu coklat hijau dan merah, dimana jika teman-teman save maha hasilnya akan seperti berikut ini:

mengenal nilai radial-gradient pada css31

warna gradasi dengan pola lingkaran akan tampil seperti diatas, gimana teman-teman cukup mudah ya, kalian tinggal atur warna gradasi yang teman-teman sukai, oke untuk tutorial kali ini tentang mengenal nilai radial-gradient pada css3 saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih