How can I add that movement when hovering over my blog?
Solved
Templates
question blog
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
Hi Fabiana,
as always by using Custom CSS, here is example code:
.article-list .article {
border-radius: 5px;
background: white; transition: .4s ease-out;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);}
.article-list .article:hover {
box-shadow:0 20px 20px 0 rgba(43,46,48,.1);
transform:translateY(-3px);
}Whole rest is on your hands.1 more reply
fabiana Asked this
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
border-radius: 3px 3px 0 0 !important;
width: 100%!important;
height: 100%!important;
object-fit: cover;
transition: all .3s ease!important;
}
.article-list .article .article-intro-image img:hover {
transform: scale(1.2)!important;
}
Hi, I add this code but it doesn't work, can you help me?
Log in to reply.