log101/acayip-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: smooth animation

Browse Source
This commit is contained in:
log101 2024-08-25 21:07:48 +03:00
parent c475de6ada
commit 599163fbdb
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -21,6 +21,11 @@
align-items: center; align-items: center;
} }
#logo:hover {
transition-property: transform;
transition-duration: 150ms;
}
#logo { #logo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -31,7 +36,7 @@
gap: 24px; gap: 24px;
transition-property: transform; transition-property: transform;
transition-duration: 150ms; transition-duration: 800ms;
} }
#logo-container { #logo-container {
@ -169,7 +174,7 @@
let calcY = (x - box.x - box.width / 2) / constrain; let calcY = (x - box.x - box.width / 2) / constrain;
return ( return (
"perspective(100px) " + "perspective(200px) " +
" rotateX(" + " rotateX(" +
calcX + calcX +
"deg) " + "deg) " +