Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Shaky & Choppy CSS Scale Transform on Background Image

I have a background image that has a parent div with a transform: scale with an animation applied to it, giving the effect of the background image zooming in slowly when you land on the page.

It renders perfect accross the board except in ie 10/11. I've got all the proper pre-fixes added in, but still get a really shaky and choppy animation in ie.

I've researched and applied acceleration hacks, but nothing gives.

Does anyone have a fix or has seen something along these lines?

Thanks!

like image 931
Lauren Parkos Avatar asked Aug 13 '15 21:08

Lauren Parkos


People also ask

What do u mean by shaky?

tending to shake or tremble. trembling; tremulous. liable to break down or give way; insecure; not to be depended upon: a shaky bridge.

Why do u feel shaky?

This is normal and is known as a “physiologic tremor.” Certain factors can make the tremor more noticeable, including stress or anxiety, caffeine consumption, and lack of sleep. In some cases, severe or persistent tremors may indicate an underlying medical condition or a side effect of a particular medication.

What is the meaning of the word shaky?

Definition of shaky. 1 : characterized by shakes shaky timber. 2a : lacking stability : precarious a shaky economy performed well after a shaky start. b : lacking in firmness (as of beliefs or principles) c : lacking in authority or reliability : questionable shaky experimental procedures shaky data. 3a : somewhat unsound in health.

Why do I feel weak and shaky all the time?

Feeling weak, shaky, and tired may be due to something that is easy to treat. For example, if the symptoms stem from dehydration, drinking more water should resolve the problem. Likewise, some chronic conditions that cause these symptoms might improve when a person engages in healthy lifestyle habits.

What is the meaning of Shake?

1. an act of shaking. He gave the bottle a shake. 2. drink made by shaking the ingredients together vigorously. a chocolate milk-shake. an act of shaking or state of being shaken, shocked etc. They got a shaking in the crash. 1. weak or trembling with age, illness etc. a shaky voice; shaky handwriting.

Is shaking a sign of anxiety?

Feeling Shaky: A Common Sign of Anxiety 1 Shaking can be a function of anxiety in both the short and long term 2 In the short term, adrenaline rushes can lead to feeling shaky 3 In the long term, anxiety causes stress changes that may cause the body to shake 4 Different types of anxiety may lead to feeling shaky in different ways Mas cosas...


1 Answers

I had the same problem, but just with an image, not background image, and for me the solution was to give transform: rotate(0.01deg); to the parent of the scaled element.

Of course you will have a minimal rotation, so it depends on your css codes, if this wouldn't cause another problem.

like image 141
Gabor Avatar answered Dec 09 '22 08:12

Gabor