Hovering over one word reveals the translation of that word

[noty]

Greetings!

I have long sentences that I want to translate from English to Spanish.

I want an option when hovering over a certain word, its translation will pop up.

Currently I only have the option for the whole sentence changing on hover, by code

html

  <span class="wrapper" ><span class="reg">{{edit:English}}</span><span class="cur">{{edit:Spanish}}</span></span>

css

.cur {
 display: none;
}
.wrapper:hover .cur,
.wrapper:hover .gra {
 display: inline;
}
.wrapper:hover .reg {
 display: none;
}