diff --git a/index.html b/index.html index dc5db21..8b434f7 100644 --- a/index.html +++ b/index.html @@ -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) " +