Hi, I've just started making palettes again, and for some reason my fade animations aren't working. I'm using this code:

animation: fadeInAnimation ease 3s;

animation-iteration-count: 1;

animation-fill-mode: backwards;

}

@keyframes fadeInAnimation {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

Anyone know why this isn't working?

I use this one and it works fine for me.

body {
background-color: rgb(1,1,4)
; background-image:
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-animation: fadein 2s; /* Safari and Chrome */
-moz-animation: fadein 2s; /* Firefox */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera */
animation: fadein 2s;
}

@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }

}

Thanks so much :)

no problem!