score:0

Accepted answer

it depends on what kind of styling are you applying but you can simply do:

<gatsbyimage image={ts.blog.document.data.post_img.gatsbyimagedata} alt='blog' classname="some_fancy_classname" />

then:

.some_fancy_classname:hover {
   transition: transform .3s;
   transform:scale(1.05);
}

keep in mind that depending on your jsx/html structure, you may need to point to another element rather than .some_fancy_classname:hover to scale the image, for example:

.some_fancy_classname:hover img {
   transition: transform .3s;
   transform:scale(1.05);
}

Related Query

More Query from same tag