Konsep Dasar Dari Radial Gradients Pada CSS3

Kita akan melanjutkan artikel tentang Radial Gradients. Disini saya akan bahas lebih detail lagi konsep dan sintaks lengkapnya dari radial gradients. Sebetulnya yang wajib hanya warna awal dan warna akhirnya tapi ada yang berbeda karena pada radial gradients banyak value yang bisa kita mainkan. Berikut ini sintak lengkapnya bisa kita rumuskan dan berbeda dengan sintaks linear gradients

Yang pertama radial gradients punya type. Typenya nanti ada dua yaitu ada ellipse dan circle. Lalu yang kedua kita bisa berikan <jangkauan> artinya jangkauan dari pusat gradiasinya. Kemudian yang ketiga kita bisa tentukan posisi dari pusat gradiasinya yang menggunakan keyword at ditambahkan posisi sumbu vertical dan posisi sumbu horizontalnya. Itu yang membuat radial gradients bisa jadi cukup kompleks lalu yang terakhir adalah warnanya dan warnanya pun bisa kita tambahkan color stopnya mau berapa persen.

Teman teman bisa berikan nilainya sekaligus atau bisa juga misalnya saya cuma butuh typenya saja tanpa menuliskan yang lain itu tidak apa apa. Itu dia konsep dasar dari Radial Gradients. Pada artikel selanjutnya kita akan mulai mengimplementasikan kedalam halaman webnya. Terima kasih.

6 September 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat