Increase Size Of Image On Mouse Rollover
-
If you can see the three images – Why Melbourne, Why Us, Why Not?
You can see they are not very interactive. What I’m hoping to do is increase the size of the image by 15% when a mouse rolls over them.
Is there any possible way of doing this?
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Please try adding the CSS below to your site in My Sites → Customize → CSS .
#home-content img { transition: all .3s ease-in-out; } #home-content img:hover { transform: scale(1.1); } -
-
-
Gary, something completely unrelated.
Is there anyway that you can install a button that changes a number value.
e.g.
Value is $899AUD DISPLAYED LARGE
Then have 6 buttons to display different currencies would have AUD, GBP (current rate 0.59), CAD (0.98), EUR (0.67), USD (0.77), CHF (0.73)
The value then changes to CAD value (based on conversion amount 899*0.59)
Any help would be greatly appreciated.
-
I don’t think that would be possible with css.
It’d probably require custom javascript, which isn’t permitted on WordPress.com sites for security reasons – unless you have a Business plan which would allow you to install plugins, which might help with this.
You should try posting a separate thread for that issue in the general support forum so others can chime in:
- The topic ‘Increase Size Of Image On Mouse Rollover’ is closed to new replies.