amstafff,
строка 31 и 47 , вам же и доку дали и пример ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>sneg</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="font.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
color: #000;
font-size: 13px;
max-width: 360px;
margin: 0 auto;
font-family: 'PT Sans Caption', arial, serif;
background: #282828;
}
.sneg{
max-width: 480px;
box-sizing: border-box;
}
#snow-target {
/**
* absolute-positioned example, snow is appended to this element.
* overflow: hidden is recommended for best effect.
*/
position: absolute;
top: 50%;
left: 50%;
width: 480px;
height: 163px;
margin-left: -10em;
margin-top: -6em;
background: #445566;
overflow: hidden;
}
</style>
</head>
<body>
<div class = "sneg" id="snow-target">
<script src="http://www.schillmania.com/projects/snowstorm/snowstorm.js"></script>
<script>
snowStorm.targetElement = 'snow-target'
</script>
<img src="http://savepic.net/7651783.png" border="0" alt="Изображение - savepic.net — сервис хранения изображений" />
</div>
</body>
</html>