Cara Membuat Linear Gradient dengan CSS
Bahwa hidup mesti menerima, penerimaan yang indah. Bahwa hidup mesti dimengerti, pengertian yang benar. Bahwa hidup mesti memahami pemahaman yang tulus. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Linear Gradient dengan CSS.
Masih bingung bagi membangun sebuah gradient di background yang kemudian kita akan membangun gradient nya di Adobe Photoshop? Jangan khawatir lagi teman-teman karena disini saya akan memberitahukan Cara Merancang Linear Gradient dengan CSS. Berikut caranya.
Seperti lazim, siapkan file index.html nya terlebih dahulu.
Kemudian, isi di bagian <body> tag HTML berikut.
<div id=grad1></div>
Berikutnya isi bagi CSS nya.
#grad1 {
height: 200px;
background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow, green); /* Standard syntax (must be last) */
}Bagaimana teman-teman? Lumayan gampang bukan?
Demikian bagi panduan kali ini mengenai bagaimana Cara Merancang Linear Gradient dengan CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
