magic-snowflakes-valentine

❄️☃️🎄 Falling snowflakes
==================

Details

- Only one JavaScript file
- CSS Animation
- Rubber design
- Flexible settings

Examples

- 🔍 Demo
- ❄ Simple
- 🎨 Multicolor
- 🐘 Big
- 🚀 Increased speed
- 🪟 Layer
- 🏠 Some layers
- 🔴 Own color
- 💛 Own kind
- 🗻Own z-index
- ⏸ start() and stop()
- 🌬 Without wind

See details

Using

``
npm i magic-snowflakes --save-dev
`

$3


`html


...




`

or

`js
import Snowflakes from 'magic-snowflakes';
const snowflakes = new Snowflakes();
// ...
snowflakes.stop();
// ...
snowflakes.start();
// ...
snowflakes.destroy();
`

$3


`html

`

API

`js
import Snowflakes from 'magic-snowflakes';
const snowflakes = new Snowflakes();
`

$3

Start CSS Animation.

$3

Stop CSS Animation.

$3

Show snowflakes.

$3

Hide snowflakes.

$3

Resize snowflakes.

$3

Destroy the instance of snowflakes.

Different Builds

In the dist/ directory of the NPM package you will find many different builds of snowflakes.js.

|Type |Filename |Description |
|-----------------------|-------------------------|------------------|
|Full (UMD) |snowflakes.js | |
|Full (UMD, production) |snowflakes.min.js | |
|ES6 |snowflakes.esm.js | |
|Light (UMD) |snowflakes.light.js |Without SVG images|
|Light (UMD, production)|snowflakes.light.min.js|Without SVG images|




Development


`
git clone git@github.com:hcodes/snowflakes.git ./snowflakes
cd ./snowflakes

npm i
npm run build
npm test

open ./examples/
``

License

MIT License