Menggabungkan CSS Linear dan Radial Gradient

Banyak sekali keunggulan dari penggunaan css3, dalam penggunaan warna juga css3 menawarkan banyak variasi, contohnya penggunaan gradient, seperti yang saya jelaskan pada artikel saya yang sebelumnya dimana sudah saya bahas mengenai. cara membuat Radial Gradient dengan CSS dan cara membuat linear gradient menggunakan css.

Nahh sekarang ini kita akan coba berimprovisasi menggabungkan antara linear gradient dengan radial gradient. sebenarnya ini cukup mudah kita hanya mengkondisikan opacity dari objek yang di beri gradient

Berikut ini adalah cara mudah untuk menggabungkan linear gradient dan radial gradient.

pertama kita buat html seperti berikut

dengan css seperti berikut

Nah.. Ketika dijalankan di browser akan terlihat seperti ini.

Bagaimana teman-teman, mudah bukan? demikian artikel tentang cara menggabungkan gradient linear dan gradient radial. Semoga bermanfaat.