kamov/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add icon animation

Browse source
This commit is contained in:
Maciej Jur 2023-04-16 01:33:44 +02:00
parent 8f3d798001
commit e1e08eef49
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/base/Header.astro
View file

@ -44,7 +44,7 @@ const menu: MenuItem[] = [
<div class="p-nav__bar">
<a href="/" class="p-nav__logo">
<img height="48px" width="51px" src="/static/svg/aya.svg" alt="">
<img class="p-nav__logo-icon" height="48px" width="51px" src="/static/svg/aya.svg" alt="">
<div class="p-nav__logo-text">
<div class="p-nav__logo-main">Kamoshi.org</div>
<div class="p-nav__logo-sub" id="p-nav-splash">

8
src/styles/partials/_nav.scss
View file

@ -58,6 +58,14 @@
color: white;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
&-icon {
transition: transform 0.5s ease-in-out;
&:hover {
transform: scale(1) rotate(360deg);
}
}
&-text {
display: flex;