pmret/website
1
0
Fork 0
mirror of https://github.com/pmret/website.git synced 2024-11-09 12:32:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

scrolling clouds in background

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

BIN
src/bg/mrn-toad-town.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

21
src/index.css
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;