For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Cara membuat dua warna pada satu unsur diblogger

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

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.