Prevent flicker on webkit-transition of webkit-transform [duplicate]
The solution is mentioned here: iPhone WebKit CSS animations cause flicker. For your element, you need to set -webkit-backface-visibility: hidden;
css-transforms
How to apply multiple transforms in CSS?
You have to put them on one line like this: li:nth-child(2) { transform: rotate(15deg) translate(-20px,0px); } When you have multiple transform directives, only the last one will be applied. It’s like any other CSS rule. Keep in mind multiple transform one line directives are applied from right to left. This: transform: scale(1,1.5) rotate(90deg); and: transform: … Read more