CSS hide element, after 5 seconds show it [duplicate]

Answer 1

try this simple solution.

#showMe {
  animation: cssAnimation 0s 5s forwards;
  visibility: hidden;
}

@keyframes cssAnimation {
  to   { visibility: visible; }
}

Wait for it...

You can also use opacity insted of visibility

#showMe {
  animation: cssAnimation 0s 5s forwards;
  opacity: 0; 
}

@keyframes cssAnimation {
  to   { opacity: 1; }
}

Wait for it...