Как контролировать время аббревиатуры abbr?

Question

Как управлять тегом abbr, чтобы я мог не только изменить заголовок, но и время, когда появляется сообщение в заголовке? Нужно ли использовать php или js для этого?

Answer 1

Вы могли бы хотеть использовать что-то вроде этого

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>