I have very terribly added snow to this website for the holidays. See the CSS for how I did this, it’s really low-tech. Feel free to steal this trick, it is low-effort for maximum niceness. I have the
background-color of the
snowframe class identical to the
background-color of the main page. This and
opacity: 1.0 seems to be the ticket.
Happy holidays, all.
More detailed usage:
<html> <head> <link rel="stylesheet" href="/css/snow.css" /> </head> <body class="snow"> <div class="container"> <div class="snowframe"> <!-- The rest of your page here --> </div> </div> </body> </html>
Then you should have content not being occluded by snow.
This article was posted on 2018 M12 17. Facts and circumstances may have changed since publication. Please contact me before jumping to conclusions if something seems wrong or unclear.