Постепенное появление надписи

.WidgetFramework_WidgetRenderer_Users h3 {
  width: 16.5em;
  width: 25ch;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
-moz-animation: typing 20s steps(30, end), blink-caret .5s step-end infinite alternate;
-webkit-animation: typing 20s steps(30, end), blink-caret .5s step-end infinite alternate;
-ms-animation: typing 20s steps(30, end), blink-caret .5s step-end infinite alternate;
}

@-moz-keyframes typing { from { width: 0; } }
@-moz-keyframes blink-caret { 50% { border-color: transparent; } }

@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

@-ms-keyframes typing { from { width: 0; } }
@-ms-keyframes blink-caret { 50% { border-color: transparent; } }
.WidgetFramework_WidgetRenderer_Stats h3 {
  background: rgba(0, 0, 0, 0) linear-gradient(to left, #FFE4E1 50%, #f0f7fc 50%) repeat scroll left bottom / 200% 100%;
  transition: all 1s ease 0s;
}
.WidgetFramework_WidgetRenderer_Stats h3:hover {
  background-position: right bottom;
}