loader image

Card Slide-Down Animation On Hover

Card Slide-Down Animation On Hover

Card Animation On Hover with widget content and images. Slideshow banner and animated text header, also included in this layout effect. Style to your own requirements.

3.5/5 - (4 votes)

Template Example

Pool Model Shoot 2020

Image Heading 1.

Card One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Content below will Slide Down

Lorem ipsum dolor sit amet,

Image Heading 2

Card Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Image Heading 3

Card THREE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

CREDIT Jim Fahad
CSS NEEDED

selector{
height: 190px;
transition: all 0.4s ease-in-out !important;
}
selector:hover{
height: 400px;
}
.content-text{
margin-top: -200px !important;
transition: 0.23s ease-in-out;
transition-delay: .2s;
}
selector:hover .content-text{
margin-top: unset !important;
}

HTML NEEDED

No Additional HTML Required

robedge.com | mt irvine tobago w.i. | 868.276.2665 | robedge@gmail.com