Hello sobat IcloudZer kali ini admin akan memberikan informasi mengenai blogger, dalam membahas bagaimana caranya membuat campuran warna pada suatu element didalam blogger, atau dalam artian yang lainnya adalah membuat dua warna pada satu unsur element diblogger
Info: Baiklah jika kamunya sudah penasaran dengan informasi kali ini, yuk langsung aja kita bahas bersama sama oke
Gradiansi warna
Sebenarnya didalam Blogger penyebutan yang lebih dikenal untuk membuat suatu element memiliki campuran warna disebut dengan Gradiansi warna, dan untuk membuat Gradiansi warna diblogger itu tidak rumit kok, mudah dan bisa dilakukan siapa saja bagi kamu pengguna blogger newbie
Menggunakan unsur CSS
Seperti yang admin ketahui ketika ingin membuat Gradiansi warna diblogger hanya dibuat atau ditentukan melalui kode CSS, nah sebnatar lagi admin bakalan memberikan informasinnya, bagaiamana sih caranya membuat Gradiansi warna diblogger Tersebut
Info: Oke silahkan lanjutkan membacanya hingga selesai oke agar lebih memahami mengenai pembahasan kita kali ini
Menerapkan Gradiansi
Sebenarnya apa saja sih yang bisa menggunakan Gradiansi warna diblogger? Oh sebenarnya Gradiansi warna ini bisa kamu terapakan pada berbagai hal diblogger semisal membuat suatu element background ber Gradiansi warna, atau text dengan Gradiansi warna yang menarik sehingga membuat pengunjung akan terpesona dengan hal yang dianggap kecil dari Gradiansi warna tersebut
Praktek Kode
Baiklah sekarang kita mulaikan saja praktek atau cara kerja dari penggunaan kode CSS untuk membuat Gradiansi warna diblogger
Contoh Kode
Untuk membuat Gradiansi warna pada unsur CSS kamu bisa menggunakan kode background:red linear-gradient(100deg, red 50%, blue 100%);, nah jika diterapkan pada class CSS akan seperti contoh dibawah ini
.rah-gradiansi{
width:40px;
height:50px;
z-index:4px;
border-radius:50%;
background:red linear-gradient(100deg, red 50%, blue 100%);
}
Important: Perhatikan unsur CSS untuk membuat Gradiansi warna dan kamu bisa mengubah Gradiansi warna tersebut sesuai keinginan kamu aja
Contoh Tampilan
Nah admin juga memberikan contoh tampilan dari unsur kode CSS Diatas mengenai Gradiansi warna tersebut oke, untuk tampilannya kamu bisa melihatnya seperti contoh dibawah ini
Info: Bagaiamana sobat IcloudZer dengan contoh tampilan dari Gradiansi warnannya, menarik bukan silahkan kamu coba sendiri oke (try your self)
Gradiansi Warna Text
Selanjutnya admin akan jabarkan lagi nih mengenai Gradiansi warna pada text diblogger, nah bagaimana cara membuat Gradiansi warna pada text tersebut kamu bisa mempelajari sendiri dari penjabaran admin dibawah ini
Contoh Kode
Membuat Text ber Gradiansi juga sebenarnya mudah asalkan kamu punya ilmu nya, semua akan terasa mudah benar tidak, baiklah kamu bisa mengubah unsur kode background ke unsur kode color, nah kamu bisa memperhatikan kode dibawah ini
.rah-textGradiansi{
font-size:14px;
font-weight:500px;
display:block;
color:#fefefe;
background: red linear-gradient(100deg, red 50%, blue 100%);
}
Info: Kamu bisa mengubah warna Gradiansi nya sesuai keinginan kamu oke
Contoh Tampilan
Dari kode diatas admin bakalan memberikan contoh tampilan nya, berikut ini contoh tampilan dari Gradiansi warna text diblogger
Text Gradiansi Telah diterapkan
Info: Bagaiamana sobat IcloudZer dengan contoh tmapilan dari Gradiansi warna pada text tersebut, kamu bisa menilainya sendiri oke