title
A prototype
It’s:
o’clock
morning
evening
night
.box{ width:20vw; height:20vw; text-align:center; display:none; } body.evening .evening-box, body.night .night-box, body.morning .morning-box{ display:flex; } .evening-box{ background:purple; } .night-box{ background:navy; color:white; } .morning-box{ background:navy; color:white; }
const today = new Date(); let hour = today.getHours(); let dateEl = document.querySelector('#date') dateEl.innerHTML = hour if (hour >= 12 && hour <= 19 ) { document.body.classList.add('evening') }else if( hour > 19 && hour <= 23){ document.body.classList.add('night') }else{ document.body.classList.add('morning') }
snap
save
new
fork
download
html
css
js
output
gallery
config
➚ link to output
➚ snap player
font size
live reload
snap mode
layout
⤷ switch
★ info and code