translate-animation – Tarik Billa

Android translate animation – permanently move View to new position using AnimationListener

June 5, 2023 by Tarik

I usually prefer to work with deltas in translate animation, since it avoids a lot of confusion. Try this out, see if it works for you: TranslateAnimation anim = new TranslateAnimation(0, amountToMoveRight, 0, amountToMoveDown); anim.setDuration(1000); anim.setAnimationListener(new TranslateAnimation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } @Override public void … Read more

CSS performance relative to translateZ(0)

December 31, 2022 by Tarik

CSS transformations create a new stacking context and containing block, as described in the spec. In plain English, this means that fixed position elements with a transformation applied to them will act more like absolutely positioned elements, and z-index values are likely to get screwed with. If you take a look at this demo, you’ll … Read more

CSS transition effect makes image blurry / moves image 1px, in Chrome?

November 12, 2022 by Tarik

2020 update If you have issues with blurry images, be sure to check answers from below as well, especially the image-rendering CSS property. For best practice accessibility and SEO wise you could replace the background image with an <img> tag using object-fit CSS property. Original answer Try this in your CSS: .your-class-name { /* … … Read more