Falling snowflakes... yup, it is this time of the year

  • 2
  • Praise
  • Updated 2 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Who need falling snow overlay for the holidays:

1. Create a placeholder with the HTML Widget in it (mind Z-ordering)
2. Paste this code in it:

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Snow</title>
<style>
#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: snowflake;
    font-size: 12px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}
body {
background-color: transparent;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
@font-face {
    font-family: snowflake;
    src: url(https://storage.googleapis.com/risemedialibrary-77d65575-178b-499c-a476-eb66c5424a89/Acme%20Sign%20C...;
}
</style>
</head>

<body>
<div id="snowflakeContainer">
    <p class="snowflake">j</p>
</div>

<script src="https://storage.googleapis.com/risemedialibrary-77d65575-178b-499c-a476-eb66c5424a89/Acme%20Sign%20C...;
</body>
</html>

This is the font: http://www.dafont.com/snowflakes-st.font
The snowflake is letter "j". Select any snowflake you like with the corresponding letter.

Or make your own: https://www.kirupa.com/html5/the_falling_snow_effect.htm

Hopefully the files will not get 'bricked' for too many requests )))
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb

Posted 2 years ago

  • 2
Photo of Biologyben

Biologyben

  • 3,558 Points 3k badge 2x thumb
Works Great!  

FYI - if you have trouble with the code - the copy and paste HTML links are shortened above - be sure the first ends with .ttf and the last ends with
.js"> </script>
(Edited)
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Good catch!
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I uploaded the txt file with the code: http://prodo.us/dsigns/snow/snowflake.txt