real-shadows

shadows that follow the real sun. drag the day. github · npm · zayd.wtf

every shadow on this page is one css line: box-shadow: var(--rs-x) var(--rs-y) var(--rs-blur) rgba(0,0,0,var(--rs-alpha)). the library computes where the sun, or at night the moon, actually is for the chosen place and time, and writes those four variables. the page tint follows data-sky. hit random for a new place and hour; if it lands on the other side of sunrise or sunset, the page turns over with the sweep from zayd.wtf.