SalmanAjani / css-text-animation

A text animation that shows different texts within a span of 10 secs. It's made with pure css.

Introduction

This is a CSS Text Animation that uses keyframes for animation. When you first enter a website, if keyframes are not defined for 0% or 100% selectors, the text is sometimes displaced. To fix this a quick refresh is done. The same logic has been used here. You can see the text will be initially displaced, once you click on the button, the page will refresh and text will be in the center. There are different messages being diplayed every 3 seconds.

Tech Stack

• HTML
• CSS

🔗 Link

https://gilded-dolphin-9a7020.netlify.app/

Features

• Text Animation
• Different messages after every 3 seconds
• Button onclick made in HTML

Screenshots

• Before
  
  
• After