Alterar texto - Hover - CSS?

[Diogo Ricci 0]

Bom dia!

Preciso que mude o texto quando passo o mouse num elemento, já tentei alguams coisas mas sem sucesso! O exemplo é esse aqui: http://1stwebdesigner.com/demos/diamonds/

 

Seria uma agenda pra músico, com a data e quando passa o mouse aparece a cidade. Só preciso alterar essa parte mesmo, o resto já consegui!

 

Valeu!

[nikolas23 1]

Bom dia Diogo.

 

Acredito que para alterar o texto através do hover, você deve utilizar o javascript. Para facilitar mais ainda poderá utilizar o Jquery, que tem várias funções a respeito.

 

https://api.jquery.com/hover/

[Diogo Ricci 0]

Então Nikolas, já tinha visto essa páginas mas mesmo assim não consegui fazer funcionar! Será que alguém pode me ajudar? haha abraço!

[L. Henrique 179]

Na verdade você nem precisa de jQuery, você pode fazer isso definindo uma tag span dentro de uma div com os pseudo-elementos :after e :before.

Já conhecia os pseudo-elementos, estudou sobre? Se não tem tanto conhecimento assim, vou deixar um site aqui embaixo pra você estudar.

• Tableless

Além desse site pra estudo que deixei, vou deixar alguns outros links que possuem o que pediu.

• Codepen
• StackOverflow (JSFiddle)