test
This commit is contained in:
parent
7ee4bb478d
commit
c5a002cc66
1 changed files with 11 additions and 6 deletions
17
index.html
17
index.html
|
@ -16,6 +16,7 @@
|
|||
text-align: center;
|
||||
color: white;
|
||||
background: #090524;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
@ -30,11 +31,6 @@
|
|||
#header {
|
||||
//text-transform: uppercase;
|
||||
color: #fff;
|
||||
text-shadow: -4px 4px #c91a29,
|
||||
-8px 8px #c94f1a,
|
||||
-12px 12px #a6c91a,
|
||||
-16px 16px #1ac95a,
|
||||
-20px 20px #1a60c9;
|
||||
}
|
||||
|
||||
/* unvisited link */
|
||||
|
@ -84,7 +80,16 @@
|
|||
async function update(timestamp) {
|
||||
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
|
||||
requestAnimationFrame(update);
|
||||
|
|
Reference in a new issue