Trik background bergeser di CSS bukanlah hal baru, efek ini sudah banyak sekali di pakai di website2 yang menarik . Kan selama ini saya hanya bisa melihat website yang menggunakan efek background bergeser, kali ini saya akan mencoba membuatnya supaya tidak penasaran hehe cukup mudah dan simple ko teman-teman . Teman-teman  mau ikut mencobanya juga ?? yuk ikutin aja disini nih mudah-mudahan bisa bermanfaat buat teman-teman , engga bakalan rugi ko liat artikel ini malah dapet ilmunya … mau tau gimana caranya ??

Oke pertama-tama kita buat dulu script HTMLnya seperti yang di bawah ini :

html

 

Nah class wrapper itu berfungsi untuk pembungkus yang teman-teman dan class sliding background itu berfungsi untuk membuat latar belakang .

nah sekarang kita masuk ke script CSSnya :

css

 

nah @keyframes slide itu yang berfungsi untuk membuat animasi bergesernya,
nah hasil di browser akan seperti ini :

hasill

nah jika teman lihat di browser maka si background image nya itu akan bergeser dari kana-kiri .

oke mungkin sekian untuk artikel hari ini , sampai ketemu di lain waktu yah teman-teman .