Di bawah ini kita akan mempelajari cara membuat cutout / knockout yang responsif dengan CSS. Cutout (atau teks knockout) adalah teks tembus pandang yang tampak terpotong di atas gambar latar…
Tag:
CSS
Di bawah ini kita akan mempelajari cara membuat pesan callout dengan CSS. Callout Pesan info(Callout) sering kali ditempatkan di bagian bawah halaman untuk memberi tahu pengguna tentang sesuatu yang istimewa:…
Di bawah ini kita akan mempelajari cara membuat kartu profil dengan menggunakan CSS. Kartu profil atau profile card ini biasa digunakan pada website untuk melihat profil pembuat atau pada website…
Di bawah ini kita akan mempelajari cara membuat Product Card dengan CSS. Product Card biasa digunakan pada banyak website e-commerce untuk menjelaskan mengenai produknya. Di bawah ini ada contoh product…
Di bawah ini kita akan mempelajari cara membuat pesan peringatan/ alert message dengan CSS. Alert Pesan peringatan(alert) dapat digunakan untuk memberi tahu pengguna tentang sesuatu yang istimewa, seperti danger, success,…
Di bawah ini kita akan mempelajari cara membuat “kartu” dengan CSS. Cara Membuat Kartu Langkah 1) Tambahkan HTML:Contoh Langkah 2) Tambahkan CSS:Contoh Dengan sudut membulat:Contoh
Di bawah ini kita akan mempelajari cara membuat chip kontak dengan CSS. Contact Chips Buat Contact Chips Langkah 1) Tambahkan HTML:Contoh Langkah 2) Tambahkan CSS:Contoh Menutup Contact Chips Untuk menutup…
Di bawah ini kita akan mempelajari cara membuat efek overlay dengan CSS. Overlay Efek Overlay dapat digunakan dengan memberikan warna pada background dan menambahkan opacity ke dalamnya, seperti contoh berikut…
Di bawah ini kita akan mempelajari cara membuat kartu “User Rating” dengan CSS. User rating ini biasanya digunakan pada sebuah website atau aplikasi untuk dapat mengetahui rating atau peringkat oleh…
Di bawah ini kita akan mempelajarai cara membuat tampilan “rating bintang” sederhana dengan CSS. Star Rating Star rating biasa digunakan untuk dapat memberikan penilaian kepada suatu pelayanan yang diberikan. Berikut…