Color Class Pada Framework CSS Materialize
Halo teman – teman, selamat datang kembali di blog tips dan trik Source Code Aplikasi. Di artikel sebelumnya saya telah membahas mengenai Mengenal Framework CSS Matrealize bila teman – teman ingin tahu apa itu framework matrealize silahkan reriew di artikel saya sebelumnya. Karena saya membahas beberapa mengenai framework matrealize, serta cara menggunakannya, di artikel kali ini kita akan lanjut di pembahasan Color Class Pada Framework CSS Materialize pastinya di sediakan pun oleh framework ini dan menolong para design blog bagi tak terlalu banyak kembangkan di css nya diantara nya color class. Dimana ada banyak sekali warna yang telah di sediakan oleh matrealize dan kita tinggal memanggil saja class color tersebut, yang bertujuan memberikan warna text, background atau yang lainnya. Namun yang mesti di pahami yaitu bagaimana cara memberikan class di object nya. Di studi case kali ini saya akan share bagaimana caranya mengaplikasikan color class ini di background dan text. Bagi teman – teman silahkan siapkan file matrealize nya, atau silahkan review di artikel sebelumnya bagi menginstall nya.
Lanjut di artikel kali ini mengenai Color Class Pada Framework CSS Materialize teman – teman ketikkan class container, row dan col nya
Kemudian save dengan nama index.html, lalu berikan text dengan tap p
Silahkan teman – teman pergi ke halaman http://materializecss.com/color.html
Kemudian teman – teman akan melihat banyak sekali warna yang di sediakan oleh matrealize dan juga nama class nya
Nah bagi menggunakan class nya teman – teman perlu menyebutkan terlebih dahulu class grup nya atau kelompok warna nya, misalkan seperti yang saya screenshoot di gambar di atas ini. Mempunyai kelompok warna red, pink dan purple, baru letakkan sub class color grubnya. Misalkan saya mau menggunakan kelompok red dan nama class warna nya darken-4 karenanya saya hanya perlu memberikannya di bagian class col nya
Karenanya yang akan terjadi background akan berubah sesuai class darken-4, teman – teman save dan jalankan di browser nya
Berikutnya kita berikan class di text, ini sedikit berbeda. Teman – teman hanya perlu menambahkan text di setiap namanya
Atau <p class=”purple-text text-lighten-4“>
Sekiranya telah save dan refresh di browsernya, karenanya hasilnya seperti gambar di bawah ini
Bagaimana, betul-betul gampang bukan..??
Demikian di artikel kali ini mengenai Color Class Pada Framework CSS Materialize kita lanjut kembali di artikel yang akan datang. Semoga bermanfaat dan menjadi alternatif teman – teman bagi menggunakan framework css nya. Terimakasih dan hingga jumpa.
Sumber https://kursuswebsite.org