Enlarge circles when pass the mouse

Hello
This is the CSS that zooms the circle.

.round-div {
transform: scale(1.4);
}

It didn’t work ??

@gabri99: The site you want to emulate is using CSS transform, which you can find here: https://www.w3schools.com/cssref/css3_pr_transform.asp

The link to your site does not appear to be working so I am unsure as the div/call you are using but this would be the basics:

.widget-front.hover .round-div, article.hover .round-div {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}

Yep Eric is right I forgot the selector (:hover) to detec the mouseOver event

.round-div:hover {
transform: scale(1.4);
}

the link is https://www.analiticocorporal.com/ sorry! I’ll try now this and I’ll tell you if it worked. Thank you!

Thanks for the correct link Gabri99. Here is the code to add:

.blog .hentry a:hover img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}

I’m not sure what I had to do with the link that Eric gave me I copied this to my child theme:

.widget-front.hover .round-div, article.hover .round-div {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}

but it still didn’t work.

@gabri99: The link I provided was for future reference; to learn from. The first bit of code is what was used by the site you wanted to emulate. The second (reposted below) is what you need:

.blog .hentry a:hover img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}

Hope it helps

Great it worked thanks!! Could you please watch the other question it posted in this forum to help? Thank you!
https://www.ads-software.com/support/topic/two-lines?replies=1

Forgot to resolve it!