MaXComp
@MaXComp
интересуюсь frontend html+css+JS+php. Linux, C

Почему буквы тоже наклонены в меню?

a554b4a0d96f44a8a627f9da14d849f5.PNG
Наклонил пункты меню, потом в следующем правиле для ссылок a наклон вернул обратно, но они "не выпрямляются"...

nav>ul>li {
  display: inline-block;
  	-webkit-transform: skewX(-20deg);
	   -moz-transform: skewX(-20deg);
	     -o-transform: skewX(-20deg);
}
nav>ul>li>a{
  text-decoration: none;
  background: #61c2e5;
 padding: 10px;
  font-size:130%;
  color:white;
  -webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
 -o-transform: skewX(20deg);
}
  • Вопрос задан
  • 160 просмотров
Решения вопроса 1
27cm
@27cm
TODO: Написать статус
Фон нужно задавать тогда для li, а ссылку сделать блочным элементом.

nav>ul>li {
    display: inline-block;
    background: #61c2e5;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
}

nav>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 10px;
    font-size:130%;
    color:white;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -o-transform: skewX(20deg);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы