Alejandro Alejandro - 1 year ago 178
CSS Question

Typewriter CSS Animation in table

I wanted to implement a typewriter effect in CSS and I found this great article in CSS Tricks

I was tinkering around with it and wanted to see if I can implement what would be on a hero image, shown here in Codepen

However, you can see that the blinking goes all the way to the end.

Is there way to fix, or this unavoidable, since the display it's set to


Answer Source

You can try that. Remove fixed width from intro container and give this into description. And for centering you can add margin: 0 auto into intro.

  display: table;
  height: 100vh;
  margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100vw;


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