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

Backgrounds #1

Open
yuro526 opened this issue Jan 21, 2021 · 0 comments
Open

Backgrounds #1

yuro526 opened this issue Jan 21, 2021 · 0 comments

Comments

@yuro526
Copy link

yuro526 commented Jan 21, 2021

I copied your file and tried to display it on my browser, but I only saw white. Inspecting the code on-page (Ctrl+I) didn't show any errors on the console and the inspector appeared to recognize the divs standing for the raindrops.

On closer inspection, the reason for it seemed to be the background properties set in your internal style in the tags.
`
body {
margin: 0;
overflow: hidden;
background: linear-gradient(to bottom, #202020, #111119);
}

...

.stem {
width: 1px;
height: 60%;
margin-left: 7px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
animation: stem 0.5s linear infinite;
}
`

I don't know if anyone else has the problem, but I just changed the backgrounds, on mine to black and white and it worked.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant