Blog Request tutorial? klik disini!

  • Background-Attachment

    Ditulis oleh: Aulia Rahmah Alhafidz
    684 kali dibaca
    31 Aug / 2014 11:40

    Halo semua, hari ini kita akan mempelajari Background Attachment. Sebagai contohnya, cobalah buka website Dumet School. Lihat bagian menu atasnya. Dan cobalah untuk scroll ke bawah.

    bg-attach-css

    Lihat! Tetap berada di posisinya bukan? Tetap berada di atas. Nah, begitulah kira-kira ilustrasinya. Sudah paham? Sekarang langsung saja lihat tutorialnya.

    Background Attachment memiliki 5 value :

    1. Fixed : Tetap, jika di scroll, akan tetap berada di posisi awal.

    2. Scroll : Ini adalah default. Mengikuti elemen.

    3. Local : Jika di scroll, mengikuti isi elemen.

    4. Initial : Set properti ini ke nilai default.

    5. Inherit : Mewarisi properties dari elemen induknya.

    Inilah contohnya :

    Fixed

    See the Pen uzKeL by Dumet_School (@dumet_school) on CodePen.

     

    Scroll

    See the Pen Gnyoe by Dumet_School (@dumet_school) on CodePen.

    Terlihat perbedaan bukan dari kedua contoh di atas? Untuk sisanya, silakan coba sendiri. Semoga bermanfaat ya :)






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155