You are here

Home » API reference » Animations (JS/CSS) 8

style.css in Animations (JS/CSS) 8 

/* Typewriter effect class */
.animationsTypewriter{
  animation: type 4s steps(60, end); 
  overflow: hidden;
  white-space:nowrap;
}
@keyframes type{ 
  from { width: 0; } 
  to      { width: 100%; } 
}

File

css/theme/style.css
View source 
  1. /* Typewriter effect class */

  2. .animationsTypewriter{

  3.   animation: type 4s steps(60, end); 

  4.   overflow: hidden;

  5.   white-space:nowrap;

  6. }

  7. @keyframes type{ 

  8.   from { width: 0; } 

  9.   to      { width: 100%; } 

  10. }