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);
}
Source: stackoverflow.com
Related Query
- Hovering an article to make GatsbyImage scale
- How to make an Scale from the center while hovering using framer motion
- How to make ReactPlayer scale with height and width
- How to make the Antd tooltip box disappear after hovering over it?
- Can I make an Icon in a TableRow column change color when hovering anywhere in that row?
- How to make an SVG scale without viewbox attribute?
- css transform scale make cut off image
- Make svg color scale fit the size of the parent div
- How to make a div scale to the max height available?
- how make my siblings elements render a black color when hovering an element?
- make animation for button appear and dissapear with scale
- How to make Chart JS ignore the scale between DatasSets
- How to make image scale to the size of div [ReactJS TS]
- Make React useEffect hook not run on initial render
- How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?
- How to center a component in MUI and make it responsive?
- Can I make dynamic styles in React Native?
- How to make a rest post call from ReactJS code?
- Make view 80% width of parent in React Native
- How can I make use of Error boundaries in functional React components?
- How to make Jest wait for all asynchronous code to finish execution before expecting an assertion
- How to make a dropdown menu open below the Appbar using Material-UI?
- How to make React CSS import component-scoped?
- how to make javascript scrollIntoView smooth?
- Where can I make API call with hooks in react?
- How to make AJAX request in redux
- How to make a shared state between two react components?
- Make Material-UI Reactjs FloatingActionButton float
- How to make React app preview on mobile?
- How do you make the ListHeaderComponent of a React Native FlatList sticky?
More Query from same tag
- Send data on key 'Enter' - React
- how to use Context for class Component in other module in React js
- React Hook Function in UseEffect with infinite loop
- Setting initial route with react-router
- gatsby multiple collection routes for multiple markdown folders
- Cookie not generated in browser on ASP.NET Core Web Application
- Re-routing to index after submit React/Redux
- How can we make an animated strike through on react native text?
- Alter state of parent from a child component React js
- HTMLElement definition in typescript.lib/lib.dom.d.ts was overridden by @types/react/global.d.ts
- Changing background image using useState and onClick with React
- Unable to build react app using npm run build - Exit status 1
- Getting Expected an assignment or function call and instead saw an expression no-unused-expressions, when import a file in React
- adding a router with tailwind and react 6
- How to pass multiple parameters as an object in url using react
- Calculate the sum and show data in frontend
- React typescript Parsing error: '{' expected
- NextJS: How do I get exportPathMap page data? I don't see it in getStaticProps
- How to add css propety only variable is. true ? React
- typescript react redux actions that return promises
- react JS, async await access promise value
- Access generic data via passed key
- How to use TypeScript declaration files alongside JavaScript
- How do I use React Modal with a map function?
- how to render a specific field dynamically in Material Table React
- How do I use multiple this.state counters in the same page to increment separate variables
- Avoid re-rendering a component which contains children props
- How to trigger a child component event in componentDidMount
- React renderToString() Performance and Caching React Components
- How to use plugins with chartist.js?