fbpx
Search
Close this search box.

Home / Blog

 / 
Prevent element wiggle effect while animating in Chrome

Prevent element wiggle effect while animating in Chrome

Sometimes Chrome doesn’t render the animations properly causing weird, unexpected transformations, like this:

Prevent element wiggle effect while animating in Chrome 1

The solution is simple with one CSS property.

.elem {
    backface-visibility: hidden;
}

Kudos to Tomasz Adamowicz for finding this fix.

Share This Article:

Picture of Kuba Mikita

Kuba Mikita

Share This Article:

Picture of Kuba Mikita

Kuba Mikita

Share This Article:

Latest updates, discounts and more!

Get the most recent updates on WordPress automation, fresh plugins, new features and price cuts.

Related articles

Today, I'll talk about this exact topic. We'll compare two popular methods for constructing websites: the page builder - Elementor, and Full Site Editing (FSE) using Gutenberg blocks....

Recently, we came across a problem, while developing a new version of the Notification plugin. We wanted to tidy up our codebase and one of the tasks was to rename...

Following the success of the Notification plugin, we knew that personalization was the direction we would pursue. Thanks to feedback, we were easily able to identify the needs of the...

WordPress Plugins that get the job done

With years of experience creating client websites, we bring our experience to functional WordPress plugins.

Easy to use for everyone

Regardless of experience level, you can easily use our products.

Top-notch Support included

We treat our clients seriously and focus heavily on support. Reviews backs this up!

Extensible and developer friendly

You're the same developer as we are. Our code is clean and extensible, just the way you like.