scrolling clouds in background

This commit is contained in:
Alex Bates 2021-02-21 02:47:02 +00:00
parent c5681b26e3
commit f202e92d18
No known key found for this signature in database
GPG Key ID: 7531C5E1D6B1CA9A
3 changed files with 21 additions and 0 deletions

BIN
src/bg/mrn-clouds.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

View File

@ -23,6 +23,27 @@ html {
overflow: hidden;
}
body {
height: 100vh;
margin: 0;
padding: 0;
background-image: url(bg/mrn-clouds.png);
background-repeat: repeat-x;
background-size: contain;
animation: clouds linear 30s infinite normal;
}
@keyframes clouds {
from {
background-position: 0 0;
}
to {
background-position: 100vw 0;
}
}
* {
box-sizing: border-box;