Hallo Leute,
direkt zur Sache;
Ich habe einen div mit einem Bild und text drinne.
Via Hover möchte ich diesen Div nach oben verlängern, das bild soll aber auf der ursprünglichen Position bleiben.
Das ganze soll mit transition laufen und am besten responsive.
Die Opacity des Bilder soll sich im Hover dann auch erhöhen… muss aber nicht 
Mich würde interessieren ob es sich lediglich mit CSS bewerkstelligen ließe oder ob ich da auf JS zurückgreifen muss, bei letzterem bitte ich freundlich um einen Link 
Liebe Grüße,
IceGloo
Selber gelöst 
Hier die Antwort, falls jemand mal danach sucht:
HTML:
CSS:
#news_1{
position: relative;
width:XX;
height:XX;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-o-transition: all 0.8s linear;
-ms-transition: all 0.8s linear;
transition: all 0.8s linear;
overflow:hidden;
}
#news_1:hover{
position: relative;
width:XX;
height:XX;
margin-top:-XX;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-o-transition: all 0.8s linear;
-ms-transition: all 0.8s linear;
transition: all 0.8s linear;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
z-index: 1000000;
}
#news_1:hover img{
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-o-transition: all 0.8s linear;
-ms-transition: all 0.8s linear;
transition: all 0.8s linear;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
padding-top:XX;
}