How to stilize title property css

/* use for any tag on your page */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
/* box for title text */
[data-title]:after {
    content: attr(data-title);
  	/* position for title view box */
  	position: absolute;
  	bottom: -1.6em;  	
    left: 100%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #00FF00;
    color: #111;
    font-size: 150%;
    padding: 1px 5px 2px 5px;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
}
[data-title] {
    position: relative;
}

/* on html page in your tags */
/* 
<a href="example.com" data-title="My site"> Link </a> with styled tooltip (bigger and with a different background color, as requested in the question)<br/>
<a href="example.com" title="My site"> Link </a> with normal tooltip
*/

Source: stackoverflow.com

Similar codes

2 votes305 views1 answer
Css []
CSS
3 votes307 views2 answers
Scrollbar change css
CSS
46 votes298 views6 answers
Font color css
CSS
2 votes272 views1 answer
How to align button horizontally in css
CSS
13 votes308 views4 answers
Cursor pointer events none
CSS
4 votes311 views4 answers
Css max lines
CSS
11 votes354 views2 answers
Scss include
CSS
53 votes312 views6 answers
Background color in css
CSS
60 votes346 views4 answers
Hide scroll bar for a dive
CSS
0 vote366 views1 answer
Deploy truffle project on testnet
CSS