Trick CSS3 Make Multiple Background Image

Coba kalian tebak apakah gambar berikut merupakan satu atau ada berapa gambar?

Ada 4 image dalam satu konten diatas! Kenapa bisa begitu! Keajaiban telah terjadi dalam variable background-image Sekarang kita dapat mengimplementasi background menjadi multiple (multiple background image) Berikut Koben kasih rujukan untuk pelajaran lebih detil :d

1. CSS3 Backgrounds
2. Multiple Backgrounds with CSS3
3. CSS Backgrounds and Borders Module Level 3

Múltiples fondos con CSS3 by Vagabundia

Point dari teknik membuat multiple background berada di variabel background-image, background-position, background-repeat pokoknya yang ada sangkut paut dengan background :d Silahkan sobat pelajari lebih lanjut dengan memperhatikan kode-kode CSS pada demo ;)

Ide postingan ini timbul ketika gue lagi membaca artikel Curtain reveal effect using CSS by master Ryan Seddon. Tut's membuat efek curtain reveal terlihat kala melakukan scroll ke bawah sampai mentok dan terbukalah sesuatu yg tersembunyi :p

Bonus
www.scriptic.co.uk
Happy coding \m/