Ciao, puoi usare animation e impostare lì il delay.

Un semplice esempio:
codice:
<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      @keyframes cambiasfondo{
        0%   { background: #fff }
        100% { background: #f00 }
      }
      #tuo-div{
        animation: cambiasfondo .5s ease-out forwards 1s;
        /* per esteso
          animation-name: cambiasfondo;
          animation-duration: .5s;
          animation-timing-function: ease-out;
          animation-fill-mode: forwards;
          animation-delay: 1s;
        */
      }
    </style>
  </head>
  <body>
    <div id="tuo-div">Lorem ipsum dolor sit amet</div>
  </body>
</html>
A riguardo, puoi trovare altri riferimenti interessanti al capitolo 8 dei link utili CSS, sotto la voce "Animazioni".