Cara membuat blog pager tidak begerak atau melayang
Yo sob,
mumpung ada kuota, kali ini saya akan membagikan cara membuat blog pager
melayang
Contohnya seperti
gambar di bawah
Atau kunjungi
link di bawah ini
Demo
Copy kode di
bawah
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.2 );
border-radius: 5px;
position: fixed;
bottom: 0;
z-index: 9999999999999999999999;
taruh kode di
atas di dalam #blog-pager contohnya seperti di bawah
#blog-pager {
color: #DDD;
font-family: 'Baumans', cursive;
text-shadow: 0px 0px 1px transparent;
text-align: center;text-transform:
capitalize;margin: auto;
font-size: 16px;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.2 );
border-radius: 5px;
position: fixed;
bottom: 0;
z-index: 9999999999999999999999;}
Background rubah sesuai keinginan
Fungsi fixed: agar posisinya tidak mengikuti saat cursor bergerak
Dan hasilnya seperti di bawah ini
Terima kasih telah berkunjung
Sabtu, 06 Februari 2016
Langganan:
Postingan (Atom)
0 komentar:
Posting Komentar