elescaparatederosa
Links con movimiento
Buscamos esa parte, la de los links, en nuestra plantilla, suele verse más o menos así:
/* Links
----------------------------------------------- */
Dentro de esta parte buscamos a:hover {, que es la parte que le dice a nuestros links lo que han de hacer cuando se les pasa el cursor por encima.
Justo después de a:hover {,
añadimos las tres líneas de código que os decía anteriormente:
position: relative;
top: 1px;
left: 1px;
"Si cambiáis el valor numérico en top y left se apreciará más o menos el movimiento, yo en el Escaparate lo tengo como he puesto aquí, más "meneo" ya no me gusta tanto el efecto...pero para gustos..."
Traduzido:
Links com movimento
Nós olhamos para esta parte, as relações, em nossa equipe, muitas vezes é algo parecido com isto:
/ * Links
----------------------------------------------- */
Nesta parte, procuramos a: hover {, que é a parte que fala dos nossos links que têm a ver quando passar o mouse sobre.
Logo após a: hover { ,
adicione três linhas de código
que eu lhe disse antes:
position: relative;
top: 1px;
left: 1px;
Se você alterar o valor numérico
em cima e da esquerda será apreciado movimento mais ou menos,
eu mostro que eu tê-lo como eu posto aqui,
mais "mexer" e,
portanto, eu não gosto do efeito ... mas gosto ..."
...e, fiz um exemplo, com fundo na cor rosa claro, que fica atrás da imagem:
a:hover {
position: relative;
top: 1px;
left: 1px;
background: #ffcccc;
0 comentários:
Postar um comentário
Mensagem do formulário de comentário