Mehmet ARIK adlı üyeden alıntı

div yüksekliği ile yapabilirsin. Normalde mesela:
.manset{height:30px;}
.manset:hover{height:200px;}
böyle oluncada geri kalan 170px lik bölüm görünür.
En basit şekli bu.

Bu kodlar doğru yanlızca kaydırma efekti için .manset{height:30px;} olan kod
.manset{height:30px;transition: height 0.2s;} olarak değiştirmeniz yeterli.

veya

.manset{height:30px;transition: 0.2s linear all;} da kullanabilirsiniz.


ilk verdiğim kod sadece kaydırma efektini içerirken ikinci kodda opacity efektide zamanla kararma olarak yapılabiliyor.