Membuat Warna Background Gradien Memakai Css

Bagi yang sering otak atik foto memakai photoshop niscaya sudah tidak abnormal 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 menyerupai menyatu, namun tetap terlihat ada perbedaaan warna. Dalam dunia editing photo umumnya pengaruh gradient ini terbagi menjadi lima bab diantaranya: Linear gradient, Radial gradient, Angle gradient dan Diamond Gradient

Menggunakan warna gradient mungkin dapat mempersembahkan kesan yang tidak sama yang membuat desain website jadi terlihat lebih menarikdanunik. Untuk Membuat Warna Background Gradien Menggunakan CSS Anda dapat melihat pola dibawah ini :

misal :
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 pola – pola lain menyerupai penerapan radial gradient, angle dan diamond gradient, dapat lihat dokumentasinya di : https://www.w3schools.com/css/css3_gradients.asp

Share :