Code & Solve
Membuat Navigation Bar Menggunakan HTML dan CSS – Pada artikel ini kita akan belajar untuk membuat navigation bar menggunakan HTML dan CSS. Kalian hanya perlu menyiapkan file index.html dan style.css. Selain itu, kita akan menggunakan fontawesome icon untuk membuat icon yang terdapat pada setiap menu yang ada di navigation bar. Simak kode dibawah ini untuk […]
Membuat Cloud Menggunakan HTML dan CSS – Pada tutorial kali ini, kita akan membahas bagaimana membuat cloud menggunakan HTML dan CSS. Pembuatan gambar cloud atau awan dapat dilakukan hanya menggunakan HTML dan CSS. Apakah sulit? tentunya tidak. Apakah membutuhkan kode yang panjang? Sedikit kok. Disini kamu hanya perlu menyiapkan dua buah file dengan nama index.html […]
Membuat Profile Card Yang Elegan Menggunakan CSS – Pada artikel ini akan membahas bagaimana membuat profile card yang elegan menggunakan CSS pada sebuah website. Kalian pasti sering melihat desain kartu profil (profile card) yang berbagai macam bentuk. Desain dari profile card yang sangat beragam dan tentunya sangat menarik untuk di lihat. Nah, Pada artikel kali […]
Membuat Block Quotes Menggunakan HTML dan CSS – Pada artikel kali ini, kita akan membahas bagaimana membuat block quotes menggunakan HTML dan CSS. Siapkan dua buah file untuk membuat block quotes ini yaitu satu file html dengan nama index.hml dan satu file CSS dengan nama style.css. Selain itu siapkan juga satu buah quotes yang kamu […]
Membuat Efek Ripple Pada Loading Screen Menggunakan HTML dan CSS – Pada artikel ini akan membahas bagaimana membuat efek ripple pada loading screen menggunakan HTML dan CSS. Pembuatan efek ini membutuhkan dua buah file yang perlu disiapkan. Diantaranya adalah satu file dengan nama style.css dan satu file dengan nama index.html. Pembuatan animasi ripple menggunakan @keyframes […]
Membuat Tabel Harga Menggunakan HTML dan CSS – Pada artikel ini kita akan membahas bagaimana membuat tabel harga menggunakan HTML dan CSS. Tabel harga yang dibuat menggunakan studi kasus untuk pemilihan paket suatu hosting. Terdapat tiga pilihan paket yang dapat dipilih oleh pengguna yaitu Basic, Pemula, dan Unlimited. Masing-masing paket memiliki informasi tambahan seperti bandwith, […]
Membuat Button Pulse Animation Menggunakan HTML dan CSS – Pada artikel ini akan membahas bagaimana membuat button pulse animation menggunakan HTML dan CSS. Dua buah file digunakan dalam pembuatan animasi pulse yaitu index.html dan style.css. Perhatikan source code dibawah ini untuk membuat button pulse animation menggunakan html dan css. Membuat Button Pulse Animation Menggunakan HTML […]
Animasi Social Media Share Menggunakan HTML dan CSS – Pada artikel kali ini, kita akan membahas bagaimana membuat animasi social media share menggunakan HTML dan CSS. Disini kita akan membuat dua file yaitu index.html dan style.css. Selain itu untuk menambahkan icon-icon, kita akan menggunakan fontawesome yang anda dapat lihat melalui link ini. Perhatikan source code […]
Membuat Efek Image Stack Menggunakan HTML dan CSS – Pada artikel kali ini, kita akan membahas bagaimana membuat efek image stack menggunakan HTML dan CSS. Disini kita akan membuat dua file yaitu satu file dengan nama index.html dan satu file dengan nama style.css. Siapkan gambar yang akan digunakan untuk ditambahkan efek image stack. Perhatikan kedua […]
Membuat Image Hover dengan Split Effect menggunakan HTML dan CSS – Pada artikel ini kita akan membahas bagaimana membuat image hover dengan split effect menggunakan HTML dan CSS. Seperti pada tutorial sebelumnya tentang pembuatan efek menggunakan HTML dan CSS, disini kita akan membuat dua buah file yaitu index.html dan style.css. Source code pada masing-masing file […]
