This hover animation works great in MacOs Safari, but on Chrome it is very not-smooth.
The images are all svg’s but I don’t see how that would be a factor.
Here is my public share link: [LINK][1] https://preview.webflow.com/preview/rushmadison?utm_medium=preview_link&utm_source=designer&utm_content=rushmadison&preview=4163151ba094a48531e129779655fc3b&mode=preview
Stan
(justAnotherDeveloper)
April 18, 2021, 7:49am
2
hi @Eric_Button it is looks smooth to me in all browsers.
myonke
(Michael Yonke)
April 18, 2021, 7:55am
3
Super laggy in Chrome for me too
Any reason why you need these transforms for each of the image divs?
Stan
(justAnotherDeveloper)
April 18, 2021, 9:38am
4
Yes it is a bit slower but still smooth I mean not choppy, or?
myonke
(Michael Yonke)
April 18, 2021, 11:06pm
5
@Stan - it is pretty choppy on mine. Here is a quick screen record showing Chrome first and then Firefox. Does yours look different?
https://www.loom.com/share/91c78667205240869d7244956996f430
Stan
(justAnotherDeveloper)
April 19, 2021, 7:50am
6
@myonke - that’s really bad. On my comp (mini 2012, i7, 16GB) is animation a bit slower but it was fine.
@Eric_Button to get consistency in performance across browsers you can start using JS libraries that are more reliable. In your case it can be for example Vanilla-Tilt-JS . Is very small with good amount of options.
1 Like
Stan
(justAnotherDeveloper)
April 19, 2021, 8:14am
8
Again another bot, please take it down admin.