Membuat Warna Background Gradien Memakai Css

Baca Juga

Bagi yang sering otak atik foto memakai photoshop niscaya sudah tidak ajaib lagi dengan istilah gradien (bahasa ingris:gradient). Warna gradien biasanya dihasilkan dari sebuah perpaduan 2 warna atau lebih dengan intensitas warna yang satu dengan warna yang dikombinasikan ibarat menyatu, namun tetap terlihat ada perbedaaan warna. Dalam dunia editing photo umumnya dampak gradient ini terbagi menjadi lima bab diantaranya: Linear gradient, Radial gradient, Angle gradient dan Diamond Gradient

Menggunakan warna gradient mungkin dapat memperlihatkan kesan yang berbeda yang menciptakan desain website jadi terlihat lebih menarik. Untuk Membuat Warna Background Gradien Menggunakan CSS Anda dapat melihat tumpuan dibawah ini :

Contoh :
Syntax
background: linear-gradient(direction, color-stop1, color-stop2, ...);

Membuat Warna Gradient dari Kiri bawah
background:linear-gradient(to bottom left, #5b86e5, #36d1dc);

Membuat Warna Gradient dari kanan
backgorund: linear-gradient(to right, #5b86e5, #36d1dc);

Untuk tumpuan contoh lain ibarat penggunaan radial gradient, angle dan diamond gradient, dapat lihat dokumentasinya di : https://www.w3schools.com/css/css3_gradients.asp