현재 마우스 오버시 내비게이션 막대 요소를 늘리려고합니다. 하지만 마우스 오버시 웹 사이트의 나머지 부분이 약간 움직이면서 끔찍하게 보입니다. 웹 사이트의 다른 요소에 영향을주지 않고 내비게이션 막대의 텍스트를 더 크게 만들 수있는 방법이 있습니까?마차가없는 호버 크기의 CSS
nav {
text-align:center;
margin-top: 20px;
margin-bottom: -4px;
}
.nav{
text-decoration: none;
color: black;
text-transform:uppercase;
font-weight: 600;
padding: 5px;
font-family: calibri;
padding-top: 2px;
transition-property: all;
transition-duration: 500ms;
}
.nav:hover {
font-size: 130%;
opacity: 0.6;
}
.LLHashtag {
width: 370px;
margin: 0 Auto;
text-align: center;
text-decoration: none;
margin-top: 5px;
font-size: 50px;
text-transform:uppercase;
font-weight: 600;
color: black;
border-top: solid black 2px;
font-family: "helvetica Neue";
font-weight: 400;
}
<nav>
<a class="nav" href="http://www.google.de">Home</a>
<a class="nav" href="http://www.google.de">Über</a>
<a class="nav" href="http://www.google.de">Motivation</a>
<a class="nav" href="http://www.google.de">Kontakt</a>
<a class="nav" href="http://www.google.de">Impressum</a>
</nav>
<h1 class="LLHashtag">#LifeLetics</h1>
코드를 첨부하십시오. –
먼저 코드를 게시해야합니다 –
코드를 첨부하십시오. –