<div class="rw-wrapper">  
<h2 class="rw-sentence">  
<span>«Madeas studio»</span>  
<div class="rw-words rw-words-1">  
<span>часть 1</span>  
<span>часть 2</span>  
<span>часть 3</span>  
<span>часть 4</span>  
<span>часть 5</span>  
<span>часть 6</span>  
</div>  
<div class="rw-words rw-words-2">  
<span>, продолжение 1 </span>  
<span>, продолжение 2 </span>  
<span>, продолжение 3 </span>  
<span>, продолжение 4 </span>  
<span>, продолжение 5 </span>  
<span>, продолжение 6 </span>  
</div>  
</h2>  
</div>

.rw-wrapper{  
  width: 80%;  
  position: relative;  
  margin: 110px auto 0 auto;  
  font-family: 'Bree Serif';  
  padding: 10px;  
}  
.rw-sentence{  
  margin: 0;  
  text-align: left;  
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);  
}  
.rw-sentence span {  
  display: block;  
  color: #444;  
  white-space: nowrap;  
  font-size: 200%;  
  font-weight: normal;  
}  
.rw-words{  
  display: inline;  
  text-indent: 10px;  
}  
.rw-words span{  
  position: absolute;  
  opacity: 0;  
  overflow: hidden;  
  width: 100%;  
  color: #6b969d;  
}  
.rw-words-1 span{  
  animation: rotateWordsFirst 18s linear infinite 0s;  
}  
.rw-words-2 span{  
  line-height:150px;  
  animation: rotateWordsSecond 18s linear infinite 0s;  
}  
.rw-words span:nth-child(2) {  
  animation-delay: 3s;  
  color: #6b889d;  
}  
.rw-words span:nth-child(3) {  
  animation-delay: 6s;  
  color: #6b739d;  
}  
.rw-words span:nth-child(4) {  
  animation-delay: 9s;  
  color: #7a6b9d;  
}  
.rw-words span:nth-child(5) {  
  animation-delay: 12s;  
  color: #8d6b9d;  
}  
.rw-words span:nth-child(6) {  
  animation-delay: 15s;  
  color: #9b6b9d;  
}  
@keyframes rotateWordsFirst {  
  0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }  
  8% { opacity: 1; height: 60px; }  
  19% { opacity: 1; height: 60px; }  
  25% { opacity: 0; height: 60px; }  
  100% { opacity: 0; }  
}  
@keyframes rotateWordsSecond {  
  0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }  
  10% { opacity: 0.3; width: 0px; }  
  20% { opacity: 1; width: 100%; }  
  27% { opacity: 0; width: 100%; }  
  100% { opacity: 0; }  
}