Привет! Скажите почему не работает transition свойство? Хотелось бы плавное появление надписи при наведении на изображение!
<a href=""><img src="images/portfolio/img8.jpg" alt=""><span>Description</span></a>
img {
width: 206px;
height: 121px;
position: relative;
}
img span {
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
display: none;
width: 190px;
position: absolute;
padding: 5px 8px;
bottom: 0;
text-align: left;
font-size: 13px;
}
a:hover span {
display: block;
-webkit-transition: bottom 1s ease-out 0.5s;
-moz-transition: bottom 1s ease-out 0.5s;
-o-transition: bottom 1s ease-out 0.5s;
transition: bottom 1s ease-out 0.5s;
}
Скажите так вообще возможно использовать transition??