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