Skip to content

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

Notifications You must be signed in to change notification settings

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published