Sharavnan Kv Sharavnan Kv - 1 year ago 301
CSS Question

linear wipe text effect using CSS or CSS3 animate

How to show text reveal with " linear wipe " effect using CSS and JavaScript. How to do that?

<p>Text linear wipe </p>

Answer Source

Check this snippet:

  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  animation: linearwipe 6s steps(60, end); 

@keyframes linearwipe{ 
  from { width: 0; } 
<p>Text linear wipe </p>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download