summaryrefslogtreecommitdiff
path: root/assets/js/transitions.js
diff options
context:
space:
mode:
authorElis Eriksson <spelis@spelis.li>2026-07-07 16:53:36 +0200
committerElis Eriksson <spelis@spelis.li>2026-07-07 16:53:36 +0200
commit61eb072cf478b1749b2ed6fce163add81dfff84e (patch)
tree277dd3992b18d5e6a71a166c04a55ee38185fda2 /assets/js/transitions.js
parentd6a460bfbc0512b4ec0b97ea402fa3a00dcac160 (diff)
downloadspelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.gz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.bz2
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.lz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.xz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.zst
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.zip
bro i REALLY gotta learn how to do micro commits
Diffstat (limited to 'assets/js/transitions.js')
-rw-r--r--assets/js/transitions.js14
1 files changed, 11 insertions, 3 deletions
diff --git a/assets/js/transitions.js b/assets/js/transitions.js
index e6d7c85..3955a67 100644
--- a/assets/js/transitions.js
+++ b/assets/js/transitions.js
@@ -7,14 +7,14 @@ function transitionOut(callback) {
document.body.style.filter = "url(#transition)"
const src = new Number(displacement.getAttribute("scale"));
noise.setAttribute("seed",Math.random() * 1000)
- if (src < 1000) {
- displacement.setAttribute("scale", src + 10 + src);
+ if (src < 100) {
+ displacement.setAttribute("scale", src + 20 + src);
nextFunc = () => transitionOut(callback)
requestAnimationFrame(nextFunc)
} else {
setTimeout(() =>{
document.body.style.filter = ""
- },10000);
+ },1000);
callback()
}
}
@@ -52,3 +52,11 @@ if (noise && displacement) {
} else {
console.log("Can't do transitions!!")
}
+
+// for when going forwards or back
+window.addEventListener("pageshow", (e) => {
+ if (e.persisted) {
+ displacement.setAttribute("scale", 200);
+ transitionIn();
+ }
+});