@-webkit-keyframes chatHeaderAnim {
    0%      { background-position: 0%   100%; }
    10%     { background-position: 50%  100%; }
    20%     { background-position: 50%  100%; }
    25%     { background-position: 50%  100%; }
    30%     { background-position: 50%  100%; }
    40%     { background-position: 50%  100%; }
    50%     { background-position: 100% 100%; }
    60%     { background-position: 50%  100%; }
    70%     { background-position: 50%  100%; }
    75%     { background-position: 50%  100%; }
    80%     { background-position: 50%  100%; }
    90%     { background-position: 50%  100%; }
    100%    { background-position: 0%   100%; }
}
 
@keyframes chatHeaderAnim {
     0%     { background-position: 0%   100%; }
    10%     { background-position: 50%  100%; }
    20%     { background-position: 50%  100%; }
    25%     { background-position: 50%  100%; }
    30%     { background-position: 50%  100%; }
    40%     { background-position: 50%  100%; }
    50%     { background-position: 100% 100%; }
    60%     { background-position: 50%  100%; }
    70%     { background-position: 50%  100%; }
    75%     { background-position: 50%  100%; }
    80%     { background-position: 50%  100%; }
    90%     { background-position: 50%  100%; }
    100%    { background-position: 0%   100%; }
}

/*Необычная кроватка */
.chatTitle {
   white-space:nowrap;
   overflow:hidden;
   font-family: Comic Sans MS, monospace;
   font-style: oblique;
   color:deeppink;
animation:  clouds-left 60s ease-in-out 4s forwards reverse infinite;
}