Hallo,
Es ist auch nicht gut, die für
figure
geltenden Angaben fürfigure:nth-child(3n)
zu wiederholen. Ebenso die fürfigure>div
geltenden fürfigure:hover>div
. Weg damit! Nur das angeben, was abweicht.
OK, ich hab etwas aufgeräumt
figure:nth-of-type(3n){
margin:0 0px 20px 0
}
figure {
position: relative;
width: 300px;
height: 200px;
float:left;
margin:0 17px 20px 0
}
figure>div {
transition: all 1s ease;
position: relative;
height: 150px;
overflow: hidden;
z-index: 10;
}
figure>div:hover {
height: 320px;
}