JeroenED/website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ENHANCEMENT: creating background with css

Browse Source
This commit is contained in:
Jeroen De Meerleer 2021-08-06 15:19:40 +02:00
parent 9e06a69f28
commit 78e32b5476
Signed by: JeroenED
GPG Key ID: 28CCCB8F62BFADD6
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/background-1990.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 291 KiB

20
assets/scss/base.scss
View File

@ -17,12 +17,30 @@ body {
&.nineties { &.nineties {
color: $black; color: $black;
background-image: url("../images/background-1990.gif"); -webkit-animation: background 2s linear infinite;
-moz-animation: background 2s linear infinite;
animation: background 2s linear infinite;
background: linear-gradient(to right, red, orange, yellow, green, aqua, blue, violet, red, orange, yellow, green, aqua, blue, violet, red);
background-size: 200% 200%;
font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', cursive; font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', cursive;
@-webkit-keyframes background {
0%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes background {
0%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes background {
0%{background-position:100% 50%}
100%{background-position:0% 50%}
}
a { a {
color: $black; color: $black;
} }
} }
.nineties-toggle { .nineties-toggle {