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;
}
Thanks for your help
