Bonjour,
Voila je rencontre un petit problème avec mon code.
Ce que je fais
Je cherche à faire apparaitre une image au meme titre que sur flarum.org
Ce que j'obtiens
L'image n'apparait pas ou alors elle apparait et disparait au bout d'une seconde
Hi,
I have a problem on my Jekyll page with Google Chome.
It is same code than flarum.org but not working for me on Chrome
Indeed, the screenshoot works well with Firefox but not with Chrome.
it looks appears and disappear instantally
Please find my page: https://batteries-forum.com
Problem seems to be from the CSS animation;
<div class="animated fadeUp">
<figure class="Home-screenshot">
<img src="img/screenshot.png" alt="" width="1151">
</figure>
@-webkit-keyframes fadeUp {
0% {opacity: 0; transform: translateY(10px)}
100% {opacity: 1; transform: translateY(0)}
}
@-moz-keyframes fadeUp {
0% {opacity: 0; transform: translateY(10px)}
100% {opacity: 1; transform: translateY(0)}
}
@-o-keyframes fadeUp {
0% {opacity: 0; transform: translateY(10px)}
100% {opacity: 1; transform: translateY(0)}
}
@keyframes fadeUp {
0% {opacity: 0; transform: translateY(10px)}
100% {opacity: 1; transform: translateY(0)}
}
.fadeUp {
-webkit-animation-name: fadeUp;
-moz-animation-name: fadeUp;
-o-animation-name: fadeUp;
animation-name: fadeUp;
}
I think the problem is with the URL because url transform with "_2x" inside
Thanks for your help
leguennecj