Code & Solve
Membuat Animasi Hover Pada Navigasi Menu Menggunakan HTML dan CSS – Pada artikel kali ini kalian akan mempelajari cara membuat animasi hover pada navigasi menu menggunakan HTML dan CSS. Seperti yang kita tahu, Navigasi bar (navigation bar) atau navigasi menu atau biasanya disebut dengan navbar merupakan komponen penting dan ada pada banyak website di dunia. […]
Membuat Teks dengan Warna Gradien Menggunakan HTML dan CSS – Pada artikel kali ini kita akan membuat teks dengan warna gradien menggunakan HTML dan CSS. Tips yang kali ini dibagikan merupakan sangat popular karena menggunakan gradien sehingga dapat membuat suatu desain yang indah didalam website. Disini kita akan menggunakan sesuatu yang lebih sederhana menggunakan linear […]
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 […]
