Porque ao invés de indent ou font-size , nao colocamos o color transparente nao seria mais pratico no final das contas??
Porque ao invés de indent ou font-size , nao colocamos o color transparente nao seria mais pratico no final das contas??
hoje, com a Alura e o Google Gemini
Olá Leandro,
penso que a sua sugestão e a do exercício não diferem em qualidade, são maneiras que existem para obter a mesma solução.
Att,
Oi Leandro,
Essa é uma dúvida bem comum, inclusive já respondi ela aqui.
Resumidamnte: colocar uma cor transparente é muito mais prático sim. Contudo, e se o usuário selecionar com o mouse ou com Ctrl+A e ver o texto? Vai ficar estranho, parecendo que o site foi mal feito, concorda?
Font-size 0 resolveria? Sim. E não! Celulares tem tamanhos mínimo de fonte, os textos seriam vistos!
Pra ver outras tecnicas de image replacement recomendo esse excelente artigo do CSS Tricks.
Espero ter ajudado,
Abcs!
Com Referencia ao Link postado pelo Natan, curti bastante a técnica do Scott Kelumm em: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}Essa técnica é mais performatica, pois, evita de criar um box gigante no browser.