Solo CSS efecto de caída de nieve

Tiempo de ejecución: 30 minutos. Empezar

Autor: Artimon
Views Total: 264
Sitio oficial: Ir a la web
Actualizado: February 1, 2019
Licencia: MIT

Vista prévia

Solo CSS efecto de caída de nieve

Descripción

Un CSS sólo efecto de la nieve cayendo para el invierno & tema de vacaciones de su sitio Web.

Totalmente personalizable reemplazando las variables en el Snowfall. SCSS .

Funcionamiento

Incluya la hoja de estilo Snowfall. CSS en la sección head del documento.

<link rel="stylesheet" type="text/css" href="css/snowfall.css">

Añadir copos de nieve a la Página Web.

<snowflake><span>❄</span>️️</snowflake>
<snowflake><span>????</span>️️</snowflake>
<snowflake><span>????</span> ️️</snowflake>
<snowflake><span>????</span>️</snowflake>
<snowflake><img src="img/snowflake.png">️</snowflake>

Override the default variables to customize the snow falling effect.

$count: 50;
$screenOffset: 100px;
$fallDuration: 8;
$windNoise: 30;
$windSpeed: 10;
$sizeNoise: 40;
$rotation: 720;
$imageSize: 20px;
$fontSize: 40px;
$ sass ./src/sass/snowfall.scss ./dist/css/snowfall.css

Te puede interesar: