Another CSS best practice for animations and transitions is to avoid animating layout properties, such as width, height, margin, padding, or position.

Caesar is a CSS3 easing animation tool that makes customizing your transitions with precision much easier. Transitions are one of the exciting new features introduced by the CSS3 specification ...

Both of these are called “acceleration curves” and in CSS we call that easing. Using an easing curve for your transitions and animations will make them feel more “real” in a sense. To get a better ...