awesomeuser/awesome
Archived
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

test

Browse source
This commit is contained in:
awesomeuser 2023-07-07 20:23:05 +00:00
parent 7ee4bb478d
commit c5a002cc66
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -16,6 +16,7 @@
text-align: center; text-align: center;
color: white; color: white;
background: #090524; background: #090524;
overflow-x: hidden;
} }
ul { ul {
@ -30,11 +31,6 @@
#header { #header {
//text-transform: uppercase; //text-transform: uppercase;
color: #fff; color: #fff;
text-shadow: -4px 4px #c91a29,
-8px 8px #c94f1a,
-12px 12px #a6c91a,
-16px 16px #1ac95a,
-20px 20px #1a60c9;
} }
/* unvisited link */ /* unvisited link */
@ -84,7 +80,16 @@
async function update(timestamp) { async function update(timestamp) {
let t = timestamp / 500; let t = timestamp / 500;
header.style.transform = "translate(" + (Math.cos(t) * 20) + "px, " + (Math.sin(t) * 20) + "px) rotate(" + (Math.cos(t) * -10) + "deg)"; let x = Math.cos(t) * 20;
let y = Math.sin(t) * 20;
header.style.transform = "translate(" + x + "px, " + y + "px) rotate(" + (Math.cos(t) * -5) + "deg)";
header.style.text-shadow = `-4px 4px #c91a29,
-8px 8px #c94f1a,
-12px 12px #a6c91a,
-16px 16px #1ac95a,
-20px 20px #1a60c9`;
// loop // loop
requestAnimationFrame(update); requestAnimationFrame(update);