Question Blog - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Question Blog

F

fabiana

Template 2 years ago

https://prnt.sc/14OERVFPg2Qy

How can I add that movement when hovering over my blog?

0
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #115202

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.
0
F
fabiana
Accepted Answer
2 years ago #115346

.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?

0