Update your company website with Christmas snow falls with background music
<!doctype html>
<html>
<head>
<title>Falling Snow Example</title>
<style>
body
#snowflakeContainer {
position: absolute;
left: 0px;
top: 0px;
}
.snowflake {
padding-left: 15px;
font-family: Cambria, Georgia, serif;
font-size: 14px;
line-height: 24px;
position: fixed;
color: #FF0000;
user-select: none;
z-index: 1000;
}
.snowflake:hover {
cursor: default;
}
p, ol {
font-family: "Franklin Gothic Medium", "Arial Narrow", sans-serif;
font-size: 24px;
color: #CCC;
}
li {
margin-bottom: 24px;
padding-left: 10px;
}
</style>
</head>
<body>
<div id="snowflakeContainer">
<p class="snowflake">*</p>
<audio controls autoplay>
<source src="horse.mp3" />
</audio>
</div>
</body>
<script src="http://www.kirupa.com/js/fallingsnow_v6.js"></script>
<script src="http://www.kirupa.com/js/prefixfree.min.js"></script>
</html>
No comments:
Post a Comment