Divs, Hover, Bilder und ein Problem :-(

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 :slight_smile:

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 :slight_smile:

Liebe Grüße,
IceGloo

Selber gelöst :slight_smile:

Hier die Antwort, falls jemand mal danach sucht:

HTML:

News Text 1

Laerbusch

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;
}