COPAS

Animasi Tombol Menu Dengan CSS

Berbeda dengan menu animasi dengan css (posting sebelumnya) dimana seluruh menu berada pada kotak yang sama, tutorial singkat kali ini mengenai Animasi Tombol Menu dengan CSS dimana setiap menu berada pada kotak yang berbeda dengan masing-masing animasi. Tombol menu yang dibuat tidak menggunakan gambar tetapi dengan kode CSS yang saya beri nama...

Read More

Senin, 05 September 2011

Membuat Menu Animasi Dengan CSS

Menu Animasi kali ini tidak menggunakan program Javascript dan tanpa menggunakan gambar sama sekali. Menu Animasi dibuat dengan kode CSS dan HTML, hanya saja kemungkinan beberapa browser lama belum mendukung. Animasi menu ini sudah saya uji dan bekerja normal di browser terbaru Mozilla Firefox dan Google Chrome. Agar lebih menarik, warna latar dapat...

Read More

Jumat, 02 September 2011

Aneka Efek Hover Pada Gambar

Pada posting sebelumnya dijelaskan cara membuat effect nudging pada gambar dengan CSS, kali ini akan saya jelaskan cara membuat beberapa efek hover pada gambar dengan CSS. Efek hover tersebut akan terlihat ketika mouse didekatkan pada gambar yang bersangkutan dimana gambar tersebut juga dapat berupa link yang tertuju pada sebuah URL tertentu tetapi...

Read More

Minggu, 28 Agustus 2011

Link dan Gambar Bergerak Dengan CSS

.gerakan { -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .gerakan:hover { margin-left: 50px; padding-left: 5px; }  Effect nudging pada teks dan pada gambar dapat terhilat ketika pointer mouse...

Read More

Selasa, 12 April 2011

Membuat Tulisan Animasi

Untuk memperindah tampilan dan untuk manambah daya tarik sebuah blog, dekorasi dapat menjadi solusi yang cukup baik untuk menyenangkan beberapa pembaca sehingga tidak mustahil mereka akan berlama-lama berada di blog tersebut. Dekorasi dapat dilakukan dengan beragam cara, misalnya dengan menyisipkan animasi berupa tulisan berjalan, tulisan berkedip,...

Read More

Minggu, 09 Mei 2010

Gambar Berjalan dengan HTML

Halaman ini berisi contoh penggunaan kode HTML untuk membuat gambar berjalan (gambar berkerak) dengan atau tanpa life link sebagai bentuk animasi yang sederhana. Meskipun demikian, gambar berjalan ini dapat dimanfaatkan sebagai salah satu bentuk tampilan sebuah iklan atau galeri produk. Apabila gambar yang akan ditampilkan memiliki kapasitas file...

Read More

Senin, 08 Februari 2010

Teks Berjalan (Running Text)

Teks berjalan, atau running text bagi beberapa blogger diperlukan untuk memberikan perhatian khusus mengenai esensi dari text yang bersangkutan, contoh yang biasa mengunakan teks berjalan : "Gunakan Mozilla Firefox untuk tampilan terbaik", "Peringatan!", "informasi lebih lengkap silangkan kunjungi situs ini", dan lain-lain. Di antara mereka ada yang...

Read More

Selasa, 20 Oktober 2009

Text berjalan dan text berkedip dengan HTML

Penampilan suatu website atau blog sangat berpengaruh bagi pengunjung untuk mampir lebih lama bahkan untuk berkunjung kembali dimasa yang akan datang bahkan tidak sedikit dari pengunjung yang tertarik untuk mem-bookmark situs tersebut. Salah satu teknik untuk menyempurnakan penampilan website adalah dengan menyisipkan gambar, video, music, lagu, bahkan...