.download-link {
position: relative;
display: inline-block;
}
.hover-text {
position: absolute;
display: block;
top: 50px;
left: 20px;
color: #fff;
visibility: hidden;
}
.download-link:hover .hover-text{
visibility: visible;
}
.download-link img {
filter: blur(0px);
opacity: 1;
border: 1px solid #fff;
transition: border 0.3s ease-in-out, filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.download-link:hover img {
filter: blur(1px);
opacity: 0.8;
border: 1px solid #000;
}
Click me
Click me
Click me
Click me