Text Animation Generator

Preview

Animate Me!

Generated CSS

1@keyframes fade-in {
2          from { opacity: 0; }
3          to { opacity: 1; }
4        }
5  
6  .animated-text {
7    font-size: 24px;
8    color: #000000;
9    
10    animation: fade-in 1s 0s 1 forwards;
11  }

Generated HTML

1<div class="animated-text">
2  Animate Me!
3</div>