Wait! Don’t Jump!

I noticed an odd issue with Chrome vs. Safari in an opacity transition on hover. Only in Chrome, the image would jump or shift a little bit during the transition time. That was unacceptable. So, naturally, I asked Google and there was a small attribute missing in the class on this specific template. The magic attribute added to our CSS was:

-webkit-backface-visibility: hidden;

That solved the jumping issue on theme I was using for the new HommeMaker.com refresh.  Thanks to http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue for this solution!

Find Me Here

J. Aller

Lead Web Architect at Dash Creative Group
After 20 years, I still don't know everything, but I can find the answer or know someone who does. I'm happy to be sharing the solutions I find for the unique problems we face while developing sites for our clients.
Find Me Here

Latest posts by J. Aller (see all)