Ciao a tutti ho seguito una guida per i tooltip in css a questo indirizzo: http://www.sintesi-design.it/css/creare-un-tooltip-css/
Io lo modificato solo che invece di farlo su un tag <a> come nella guida, lo fatto su un tag textarea
CSS:
codice HTML:
.form-ad {
position: relative;
}
textarea[data-title]:after {
content: attr(data-title);
position: absolute;
top: 0;
left: 15px;
background-color: #D0CAA9;
font-size: 0.8em;
color:#62592C;
border-radius: 0.1875em;
padding: 0.3125em;
white-space: nowrap;
visibility: hidden;
transition: 0.3s visibility;
}
textarea[data-title]:before {
content: "";
position: absolute;
top:0.3125em;
left: -15px;
border-top: 25px solid transparent;
border-left: 15px solid #D0CAA9;
border-right: 25px solid transparent;
border-bottom: 25px solid transparent;
visibility: hidden;
transition: 0.3s visibility;
}
textarea[data-title]:focus:before, textarea[data-title]:focus:after { visibility: visible; }
HTML:
codice HTML:
<textarea class="form-ad" id="descrizione" name="descrizione" data-title="Inserisci una descrizione dettagliata sull'articolo che vuoi vendere o cercare questo farà si che il tuo annuncio avrà maggiore visibilità e sarà più semplice concludere."></textarea>
Ma non mi compare nulla, qualcuno mi sa aiutare? Grazie