Cara Membuat Animasi Background CSS

31/12/2014    Rully Febrian    5435    Website

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.

Cara-Membuat-Animasi-Background-CSS

Simpan dan buatlah style css-nya.

Cara-Membuat-Animasi-Background-CSS

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

 

DEMO

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow