A segunda duvida fica em relacao ao rotate. Consigo fazer o rotate com apenas o texto? No caso abaixo
a class selecionada seria apenas a letra A. Mas nao consegui aplicar o efeito.
Olá @Erik_Gabriel, tudo bem? respondendo sua primeira pergunta, já pensou em colocar um espaçamento interno no seu seletor li com a propriedade padding: "algum valor"; assim faz com seu as linhas da lista não fiquem com um background apenas nas letras do seu contexto de navegação.
Agora para a utilização do transform não tem segredo para rotacionar seus textos ao passar o mouse com o pseudo seletor hover:
Tente usar valores mais altos para sentir a diferença de rotação. tem uns exemplos legais no W3C Schools: http://bit.ly/2pJyVTV e também um outro artigo que fala sobre isso aqui na comunidade: Ajuda na utilização do Hover
Espero ter ajudado, Abraços!
Erik_Gabriel1 like
Cara voce me ajudou sim…Na parte do “rotate”.
Porem ainda fiquei com duvidas no menu li. O background com padding aumenta em torno da palavra apenas. Ainda nao consegui fazer o back ground de fora a fora.
jrbyte
Então @Erik_Gabriel, pra entender melhor o que você está fazendo eu criei esse menu com background-color: yellow; nas tags <li>, veja se é mais ou menos o que precisa:
