style: smooth animation
This commit is contained in:
parent
c475de6ada
commit
599163fbdb
|
@ -21,6 +21,11 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
#logo:hover {
|
||||
transition-property: transform;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -31,7 +36,7 @@
|
|||
gap: 24px;
|
||||
|
||||
transition-property: transform;
|
||||
transition-duration: 150ms;
|
||||
transition-duration: 800ms;
|
||||
}
|
||||
|
||||
#logo-container {
|
||||
|
@ -169,7 +174,7 @@
|
|||
let calcY = (x - box.x - box.width / 2) / constrain;
|
||||
|
||||
return (
|
||||
"perspective(100px) " +
|
||||
"perspective(200px) " +
|
||||
" rotateX(" +
|
||||
calcX +
|
||||
"deg) " +
|
||||
|
|
Loading…
Reference in New Issue
Block a user