CODEWITHSUNDEEP
htmlcssabbr
Roland Jegorov
Roland Jegorov

Reputation: 819

How to control abbr tag timing?

How to control abbr tag so that I can not only change the title but also the time, when the message in the title appears? Do I need to use php or js to do so?

Upvotes: 0

Views: 1087

Answers (1)

Martin Malinda
Martin Malinda

Reputation: 1608

You might wanna use something like this

abbr {
  position: absolute;
  opacity: 0;
  bottom:-20px;
  left:0;
  transition:0.5s opacity;
  /* Here is the delay */
  transition-delay:0.5s;
}
.text {
  position:relative;
  cursor:help;
}
.text:hover abbr {
  opacity:1;
}
<span class="text"> This is a text with abbrevation <abbr>This is the abbrevation</abbr></span>

Upvotes: 0

Related Questions