Cara Membuat Animasi Background CSS

Animasi background yang akan dibuat merupakan animasi sederhana. Cukup dengan memanggil background image dari css kemudian atur position-nya. Pengaturan position inilah yang akan memberikan perubahan atau animasi sehingga akan terlihat efek background yang menarik. Lebih lanjut silakan download terlebih dahulu background tutorial ini.

Setelah di download buatlah kode HTML seperti berikut.

Simpan dan buatlah style css-nya.

Perhatikan #menu a dan #menu a:hover. Terlihat pengaturan position dari atas ke bawah kemudian terdapat juga pengaturan transisi.

DEMO