Cześć, stworzyłem w css animację, która miałaby się pojawić z kilkusekundowym opóźnieniem, jednak animation-delay nie działa i animacja pojawia się od razu.
.box{
z-index: 1;
padding-left: 50px;
animation: fadeIn ease 3s ;
animation-delay: 12s;
-webkit-animation: fadeIn ease 3s ;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}