Sample #6 – Captain America : Civil War

Saat ini sedang rame-ramenya membahas film Captain America: Civil War, pertempuran para superhero Marvel yang terbelah menjadi dua kubu yaitu kubu Captain America melawan kubu Iron Man. Seru karena selain melihat bagaimana para superhero ini bertempur melawan teman-teman sendiri dengan segala kekuatan dan kelebihan mereka, juga kali ini ada sedikit komedinya dengan kemunculan Spiderman. Oke...

Sample #5 – List Warna Pelangi

List yang kodenya dibuka dengan <ul> atau <ol> dan dilanjutkan dengan kode <li> . Umumnya list digunakan untuk menampilkan barisan data. Sebagai contoh untuk menampilkan data nama siswa atau guru, untuk menampilkan list artikel dalam blog, untuk menampilkan barisan menu dalam navigasi website. Dan lain sebagainya. Ada dua jenis list yang dikenal, yang pertama adalah...

Sample #4 – Girlband Show

Girlband Show, adalah nama Tutorial CSS Bahasa Indonesia #4. Merupakan kombinasi dari penggunaan background image, efek hover dan efek transisi. Kenapa saya menggunakan nama Girlband Show? Kurang lebih tutorial ini menampilkan foto dari gilrband korea Girl Generation atau sering juga disebut SNSD yang memiliki personel lumayan banyak. Sengaja saya pilih foto yang akan digunakan sebagai...

Sample #3 Ngintip Dari Bawah

Tutorial CSS Bahasa Indonesia, Sample #3 “Ngintip Dari Bawah“. Ini adalah tutorial CSS yang memadukan efek hover, position absolute, animation, dan overflow hidden. Efek seperti ini saat ini banyak dipakai oleh website untuk menampilkan portfolio. Pada umumnya portfolio loop hanya menampilkan sebuah gambar, ketika di hover (meletakkan cursor diatasnya) maka akan muncul konten lainnya. Ibarat...

Sample #2 – Kepala Besar

Berkreasi dengan listing untuk membuat tampilan layout yang cantik. Kepala Besar adalah nama demo CSS untuk sample #2 ini, pastinya nama yang saya buat untuk judul ini ada hubungan dengan tampilan yang ada dalam demo. List mempunyai kode umum sebagai berikut <ul> <li>List Pertama</li> <li>List Kedua</li> <li>List Ketiga</li> <li>List Keempat</li> </ul> Dalam sebuah website berita...

Sample #1 – Kodok

Ini adalah contoh dari efek hover css yang digunakan untuk mempercantik tampilan