How to create a typing animation with CSS

CSS allows us to add animation without using JavaScript to the HTML elements to change incrementally from one style to another as many times as we want.

To add an animation to the elements, we need to specify the @keyframes.

In this post, I will explain how to add a typing animation effect to the text-widget in Bonita UI Designer using CSS.

You want to know more? Read my article HERE.

Note : if you are using something other than the Bonita UI Designer for your interface design, you may write your own HTML and define the CSS classes for all the elements so that you can use the same CSS codes for this effect.)