title: Is it possible, to animate bunch of text paragraphs appear disappear in specific order using just CSS/JavaScript?
body: <p>I need to display a text for limited time and thereafter another text in the same place and so on, <strong>No Moving</strong> just <strong>Appearance</strong> and <strong>Disappearance</strong> of all timely texts.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;
  &lt;style&gt; 
  /* Safari 4.0 - 8.0 */@-webkit-keyframes example {from {background-color:
  red;}to {background-color: yellow;}}
  /* Standard syntax */@keyframes example {from {}to {background-color:
  yellow;}}
  &lt;/style&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;div style="width: 300px;
  height: 300px;
  background-color: black;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 3s;"&gt;1st Text&lt;/div&gt;
  &lt;script&gt;
  var i=1;
  while(i&lt;7){document.write("d");i++;}
  &lt;/script&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>