трансформация

.proba {
width:300px;
height:250px;
margin-bottom:15px;
background-color:rgba(255,117,24,0.9);
-webkit-filter:brightness(90%);
overflow:hidden;
}
.proba img {
margin-top:50px;
}
.proba:hover img {
-webkit-filter:brightness(100%);
transform:translate(300px,0px);
transition-duration:0.6s;
transition-timing-function:linear;
}

Подскажите как сделать так, чтобы рисунок обратно выезжал тоже плавно.

.proba img {
margin-top: 50px;
transition: all 0.6s linear;
}
.proba:hover img {
-webkit-filter: brightness(100%);
transform:translate(300px, 0px);
}

2 лайка

спасибо!

1 лайк