CodeWithNiranjan / Animated-Christmas-banner-with-theme-changer-using-HTML

In this tutorial we will be learning how to create animated Christmas banner using HTML, CSS, JavaScript and SnowStorm.js

Animated Christmas banner with-theme changer using HTML

In this tutorial we will be creating animated christmas banner with theme changer using HTML, CSS and JavaScript

I am using SnowStorm.js in this project to add snow effect

Link for SnowStorm.js - http://www.schillmania.com/projects/snowstorm/

And use WinRAR to extract SnowStorm.js

Usage

Changing Snow color

snowStorm.snowColor = '#fff';

Changing theme

var theme = document.getElementById("theme");
var themebg = document.getElementById("themebg");

theme.onclick = function(){
    if(themebg.classList.contains("white")){
        themebg.classList.replace("white" , "red")
    }
    else{
        themebg.classList.replace("red","white")
    }
}

Subscribe

Please subscribe CodeWithNiranjan

Thank You