Membuat Icon pada CSS Framework Materialize
Icon merupakan salah satu komponen yang digunakan untuk mempercantik Web Design. Dengan menggunakan Materialize CSS ini kita tidak perlu download satu per satu icon.
Berikut cara Membuat Icon pada CSS Framework Materialize. Materialize CSS memiliki 740 Material Design Icon. WOW, sangat banyak.....
Tambahkan Code berikut setelah "<head>"
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Untuk membuat icon menggunakan Code berikut :
<i class="tiny material-icons">thumb_upt</i>
<i class="small material-icons">thumb_upt</i>
<i class="medium material-icons">thumb_upt</i>
<i class="large material-icons">thumb_upt</i>
Hasilnya :
Keterangan :
<i class="tiny material-icons">thumb_upt</i>, untuk membuat atau menampilkan icon yaitu dengan memanggil class material icons "<i class="material-icons">, tiny, small, medium dan large adalah untuk menentukan ukuran dari icon yang ditampilkan, "thumb_upt" merupakan syntax untuk memanggil icon "like" atau "thumb_upt". Untuk memanggil atau menampilkan icon lainnya cukup mengganti "thumb_upt" dengan nama icon yang diinginkan.
<i class="tiny material-icons">thumb_down</i>
<i class="small material-icons">thumb_down</i>
<i class="medium material-icons">thumb_down</i>
<i class="large material-icons">thumb_down</i>
Hasilnya :
<i class="tiny material-icons">textsms</i>
<i class="small material-icons">textsms</i>
<i class="medium material-icons">textsms</i>
<i class="large material-icons">textsms</i>
Hasilnya :
Untuk lebih lengkapnya, lihat gambar berikut :
Demikian Postingan Membuat Icon pada CSS Framework Materialize. Semoga bermanfaat dan terimakasih
Post a Comment for "Membuat Icon pada CSS Framework Materialize"