Periksa Selidiki Analisis

search
Night Mode

Night mode with Color

Masih lanjutan dari posting sebelumnya. Jika Posting sebelumnya kita memanfaatkan filter pada CSS, yang masih ada kekurangannya. yaitu gambar ikut terfilter.

Sekarang di Versi 2 dari Night mode. Mbah hanya memanfaatkan Warna Teks & Background saja. Jadi gambar tidak akan terfilter.

Ini bukan update, tapi versi lain dari Night mode. Jadi cucu bebas memilih versi mana yang akan dipakai. untuk versi 2 warna huruf & background bisa di ubah sesuai keinginan. Berbeda dengan versi 1 yang memberikan efek filter.

Oke langsung saja tanpa panjang lebar berikut kode CSS & HTML-nya :

CSS

/* Night mode v2 by.MBahas.com */

#nigmod {
position: relative;
top: 0px;
z-index: 9999;
}

input[type=checkbox] + .nig {
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
} 

input[type=checkbox]:checked + .nig {
color:#EAF75B;
background:#000;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}


HTML

<input id='nigmod' name='nigmod' title='night mode' type='checkbox'/>
<div class='nig'>

- Konten -

</div>


Untuk mengubah warna Teks, ubah color sesuai keinginan Anda, begitu juga dengan background. Cari kode seperti dibawah ini dan ubah warnanya sesuai selera.


/* Night mode v2 by.MBahas.com */

color:#EAF75B;
background:#000;


Dengan sedikit kreativitas Anda juga bisa membuatnya seolah-olah glow in the dark. Selamat mencoba & berinovasi