Dissapearing images

Question

How can I make images disappear after a few seconds​ coding please

Answer 1

Hi @Calvin, your code doesn't work in my phone. 😕

@Bebida, set the time to "5000", your function will actived after only 4 millisecond.

An alternative way is Javascript, you can use a simple function like this:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<img src = "yourimage.extension" id = 'img1'>

<script>

var img = document.getElementById('img1');

setInterval(function () {

img.style.display="none";

}, 5000)

</script>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(1000 = 1 second / 10000 = 10 seconds)

Bye. 😊

Answer 2

Put this on CSS file:

img {
animation-name: transperancychange;
animation-duration: 5s;
}

@keyframes transperancychange {
from { opacity: 1.0; }
to { opacity: 0.0; }
}

Answer 3

@Maz I think css animation still not fully compatible to all browsers yet.

Answer 4

js:

setInterval(function() {
yourImageElement.style.visibility = "hidden":
}, 4)

Answer 5

https://code.sololearn.com/W9ytRz9oYsyt/?ref=app

Answer 6

@Calvin Lee F*** IE

Answer 7

@Maz I just changed opacity to cross browser, hopefully this time can work on your phone. ☺