Posts

Tutorial Membuat Diamond Grid Menggunakan CSS3

Untuk demo/preview hasillnya bisa dilihat disini

CSS sudah lama menemani para web designer untuk styling pada website, CSS3 memungkinkan kita membuat shape tanpa gambar dengan propertinya yang baru. Ini memungkingkan para web designer bereksperimen bahkan membuat shape biasa menjadi lebih bagus dan menarik. Read more

Cara Membuat Efek Tetap pada Background

Sebagai bagian yang tak terpisahkan dari website, Background (latar belakang halaman) dengan posisi tetap mendapatkan lebih banyak dan inovatif dengan sedemikian rupa sehingga dapat menciptakan ilusi optik dengan perubahan gambar tanpa Anda menyadarinya bahwa ia memiliki posisi yang tetap seperti memberikan efek transisi yang rapi ke bagian halaman berikutnya. Read more

Membuat Efek Sliding Background Menggunakan CSS

Cara membuat efek sliding background ini bukanlah hal baru. Saya sudah melihat beberapa situs web menggunakan efek ini, biasanya background yang digunakan adalah macam-macam foto dokumentasi dan sebagainya. Disini saya akan membahas bagaimana cara membuat efek sliding background. Read more

Parallax Scrolling Tutorial menggunakan CSS

Seperti yang anda ketahui, Parallax adalah efek visual dimana posisi objek pada website terlihat berbeda ketika kita melihat dari posisi yang berbeda. Parallax Scrolling membuat ilusi 2 objek yang saling berhadapan, tetapi bergerak dengan kecepatan yang berbeda. Efek ini dapat kita lihat dalam kehidupan sehari-hari , seperti saat kita melihat suatu benda yang dekat bergerak jauh lebih cepat daripada benda yang jauh, saat mengendarai mobil, kita dapat melihat pohon-pohon terlewati dengan cepat. Efek ini adalah gerak parallax. Read more