tyler/tylerperkins.xyz
1
0
Fork 0
mirror of https://github.com/Clortox/tylerperkins.xyz.git synced 2026-03-07 10:37:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add parallax effect to background

Browse Source
This commit is contained in:
Tyler Perkins
2023-07-17 23:17:11 -04:00
parent 21d70b4a8a
commit b2f80c3a92
12 changed files with 155 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
static/css/background.css
View File

@@ -1,16 +1,13 @@
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 0 100%; }
}
@keyframes rotateBackground {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
body {
.background {
background-image: url("/img/webb-dark.png");
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-position: center;
background-repeat: cover;
background-attachment: fixed;
background-repeat: repeat;
background-attachment: auto;
}