diff --git a/docs/css/style.css b/docs/css/style.css index c36f875..8c7de8b 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -73,6 +73,15 @@ } } +@keyframes logo-hover-scale { + from { + transform: scale(1); + } + to { + transform: scale(1.2); + } +} + @keyframes root-gradient { 0% { opacity: 0; @@ -239,6 +248,19 @@ main p:nth-child(4) { margin: var(--large-space) auto; } +.logo:hover span:nth-child(2) { + animation: logo-hover-scale 0.125s ease-in; +} +.logo:hover span:nth-child(4) { + animation: logo-hover-scale 0.125s ease-in 0.125s; +} +.logo:hover span:nth-child(3) { + animation: logo-hover-scale 0.125s ease-in 0.25s; +} +.logo:hover span:nth-child(1) { + animation: logo-hover-scale 0.125s ease-in 0.375s; +} + .logo-image { display: block; width: 100%; @@ -407,4 +429,4 @@ footer [href*="github"]:focus { .time-travel a { cursor: pointer; -} +} \ No newline at end of file