Tutorial CSS3 Part 3 – Membuat Warna Gradient CSS3

Tutorial CSS3 Part 3 – Membuat Warna Gradient CSS3

Tutorial CSS3 Part 3 – Membuat Warna Gradient CSS3 – Pada tutorial css3 part 3 ini kita akan masuk ke salah satu kelebihan css3 yang lainnya. jika sebelumnya kita telah belajar pengertian dan pengenalan css3, lalu belajar membuat sudut yang melengkung dengan css3. maka di tutorial css3 part 3 ini kita akan membahas salah satu kelebihan dari css3 lagi. yaitu kelebihan nya dalam memberikann warna. bukan warna biasa. tapi warna gradient atau warna gradasi.

Jadi pengertian dari warna gradient atau gradasi yang saya kutip dari beberapa cumber adalah suatu konsep penggabungan dua warna atau lebih. langsung saja kita masuk ke cara membuat warna gradient atau gradasi dengan css3.

Tutorial CSS3 Part 3 – Membuat Warna Gradient CSS3

Ada 2 tipe warna gradient atau gradasi yang dapat di buat dengan css3. yaitu linear gradient dan radial gradient. linear gradient adalah gradient yang berbentuk warna yang berdampingan tapi efeknya sangat lembut. jadi kedua warna akan terlihat menyatu. baik itu atas ke bawah atau kiri ke kanan. sedangkan radial gradient adalah warna gradient yang memiliki pusat tengah. jadi seperti membentuk lingkaran dalam pewarnaannya. kita lihat langsung ke contoh. Tutorial CSS3 Part 3 – Membuat Warna Gradient CSS3

index.html

style.css

jalankan pada browser

membuat warna gradient dengan css3

See the Pen membut warna gradient dengan css3 by Malas Ngoding (@malasngoding) on CodePen.0

Sekian dulu tutorial membuat warna gradient dengan css3. selanjutnya kita akan melanjutkan dengan tutorial-tutorial css3 lainnya.