a.toltip {
    position: relative;
    display: inline;
    font-size:1.8em;
}
a.toltip > span {
        position:absolute;
        top:0;
        right:0;
        height:100%;
        background-color:white;
        border-left:1px solid transparent;
        animation:pisz 7s steps(25,start) infinite, znak 7s step-end 7;
}
a.toltip > p:hover {
        animation-play-state:paused;
      }
      
      /* ------------ANIMACJE------------ */
      @keyframes pisz
      {
        0% { width:100%; }
        100% { width:0; }
      }

      @keyframes znak
      {
        0% { border-left-color:transparent; }
        50% { border-left-color:black; }
        100% { border-left-color:transparent; }
      }

      /* dla Google Chrome, Safari, Opera 15+ */
      @-webkit-keyframes pisz
      {
        0% { width:100%; }
        100% { width:0; }
      }

      @-webkit-keyframes znak
      {
        0% { border-left-color:transparent; }
        50% { border-left-color:black; }
        100% { border-left-color:transparent; }
      }