Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blurry-Effect-Interface Project #238

Merged
merged 14 commits into from Mar 20, 2021
8 changes: 7 additions & 1 deletion assets/js/blurry_loading_interface.js
Expand Up @@ -13,4 +13,10 @@ function blurring(){
loadtext.innerHTML = `${load}%`
loadtext.style.opacity = `${1-load/100}`
bg.style.filter = `blur(${30-(load/100)*30}px)`
}
}
// This project is based on the starter page of any website which is a Blurry effect with a countdown from 0% to 100%.
// The structure is made from blurry_loading_interface.html file.
// To butify The project we use the blurry_loading_interface.css file.
// The main brain of the body that is how will the opacity change from 100% to 0% is written under this javascript file that is blurry_loading_interface.js file.
// You can use this repository to add a starter page to your website and showcase it to your friends or for company basis as well.
// Thank you guys for viewing this project...
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please tell me if I need to add more details to it or not like telling how the code base works and all that stuffs...