
Flatboots & Prosilver
Code: Select all
a[title]:hover::after {
content: attr(title);
font-size: 14px;
color: white;
background-color: blue;
padding: 5px;
border-radius: 5px;
}
This is not concerning an anchor. It is a dt that holds the title.Sniper_E wrote: Mon Oct 14, 2024 8:13 pm Play around with this cssCode: Select all
a[title]:hover::after
dt[title]:hover::after {
Code: Select all
dt[title]:hover::after {
content: attr(title);
font-size: 14px;
color: white;
background-color: blue;
padding: 5px;
border-radius: 5px;
}
<span class="tooltip" tip="Randoms by Martin"><img src="..." alt=""></span>
with css
Code: Select all
.tooltip[tip]:hover::after {
content: attr(tip);
position: absolute;
right: 3.9%;
top: 42%;
font-size: 14px;
color: white;
background: blue;
padding: 0 5px 2px;
border: 1px solid #777;
border-radius: 5px;
}