Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-22 06:55:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adjust gradient angle rotation

Browse source
This commit is contained in:
Adam Iannazzone 2024-04-19 09:39:02 -04:00
parent 4dcb5da829
commit 812831a390
2 changed files with 2 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/style.css
View file

@ -40,7 +40,7 @@ footer {
} }
.my-gradient { .my-gradient {
background: linear-gradient(0deg, #1a9fff, #946beb); background: linear-gradient(45deg, #1a9fff, 15%, #946beb);
} }
.jumbotron h1 { .jumbotron h1 {

7
scripts/gradient.js
View file

@ -7,19 +7,14 @@ reduceMotion();
function updateGradientAngle() { function updateGradientAngle() {
for (let i = 0; i < gradientSpinElems.length; i++) { for (let i = 0; i < gradientSpinElems.length; i++) {
gradientAngles[i] += Math.floor(Math.random() * 5) - 5; gradientAngles[i] += Math.floor(Math.random() * 5) - 5;
if (gradientAngles[i] > 360) { gradientSpinElems[i].style.background = `linear-gradient(${gradientAngles[i]}deg, #1a9fff, 15%, #946beb)`;
gradientAngles[i] = 0;
}
gradientSpinElems[i].style.background = `linear-gradient(${gradientAngles[i]}deg, #1a9fff, #946beb)`;
} }
} }
function reduceMotion() { function reduceMotion() {
let reduceMotionState = document.getElementById('reduce-motion-switch').checked; let reduceMotionState = document.getElementById('reduce-motion-switch').checked;
console.log(reduceMotionState);
if (reduceMotionState) { if (reduceMotionState) {
clearInterval(gradientInterval); clearInterval(gradientInterval);
console.log('stopped');
} else { } else {
gradientInterval = setInterval(function () { gradientInterval = setInterval(function () {
updateGradientAngle(); updateGradientAngle();