Mam kod, który podam niżej, i nie działają mi w ogóle przejścia. Wszystko mam zaincludowane. Co jest nie tak?
CSS:
[data-title]:hover::after
{
background-color: rgba(9, 9, 9, 0.9);
padding: 7px 7px 7px 11px;
border-radius: 7px;
color: white;
content: attr(data-title);
position: absolute;
top: 150px;
left: 375px;
transition-property: all;
transition-delay: 10s;
transition-duration: 1s;
}
[data-title]:hover::before
{
content: "";
border-bottom: 50px solid rgba(9, 9, 9, 0.9);
border-left: 5px solid transparent;
border-right: 20px solid transparent;
position: absolute;
top: 100px;
left: 400px;
transition-property: all;
transition-delay: 10s;
transition-duration: 1s;
}
HTML:
<div id="link" onclick="location.href='index.php'" data-title="Pojawiający się dymek">