Answer for 2020: This effect can now be achieved with true alpha transparency, without the need to cover the bottom with an additional <div>. Simply use the CSS mask-image property with a linear gradient that fades from black to transparent. The browser should take care of the rest for you. Demo: .container { -webkit-mask-image: linear-gradient(to … Read more
Initially when there’s no opacity set, the value will be an empty string, which will cause your arithmetic to fail. That is, “” < 0.1 == true and your code goes into the clearInterval branch. You can default it to 1 and it will work. function fadeOutEffect() { var fadeTarget = document.getElementById(“target”); var fadeEffect = … Read more
I wanted to achieve the same goal as you, so I wrote the following method which does exactly that if you pass it an ImageView and a list of references to image drawables. ImageView demoImage = (ImageView) findViewById(R.id.DemoImage); int imagesToShow[] = { R.drawable.image1, R.drawable.image2,R.drawable.image3 }; animate(demoImage, imagesToShow, 0,false); private void animate(final ImageView imageView, final int … Read more