Cześć,
Mam nagłówek strony a obok niego zdjęcie, chcę aby po najechaniu na tekst, logo strony obracało się o 90 stopni, ale nie wiem jak to zrobić.
(Szukałem poradników na yt oraz w google, ale znalazłem tylko że po najechaniu na obrazek on się obraca, a mi zależy żeby obracał się obrazek po najechaniu na tekst.)
Kod html:
<div class="navbar-logo">
<div id="img-name"><img class="navbar-img" src='https://svgshare.com/i/muX.svg' alt='blue square' /></div>
<div id="name"><a class="navbar-name" href="#">Nazwa Strony</a></div>
</div>
Kod CSS:
.navbar-logo{
display: flex;
float: left;
position: relative;
}
.navbar-img{
height: 32px;
}
.navbar-name{
color: black;
cursor: default;
font-size: 32px;
margin-left: .5rem;
text-decoration: none;
}
.navbar-logo img a{
height: 100%;
width: 100%;
}