⌨️ Type-Writter Effect

This is a simple yet elegant Typewriter animation built using HTML, CSS, and JavaScript. It mimics the typing effect seen on old-school typewriters, complete with a blinking cursor.

🔗 Live Demo

---

🚀 Features

• Clean and minimal interface
• Smooth typewriter animation
• Blinking cursor effect
• Responsive and lightweight

---

🛠️ Built With

• HTML5 – for markup structure
• CSS3 – for styling and animation
• Vanilla JavaScript – for dynamic typing effect

---

📸 Screenshot

---

🧠 How It Works

The typewriter effect is achieved by combining:

• @keyframes for CSS animations
• steps() function for a realistic typing pace
• A blinking cursor using a border animation
• setInterval to control typing delay

---

📂 Folder Structure

Type-Writter/ ├── index.html ├── style.css └── script.js

📌 Usage

To use or modify this project:

1. Clone the repository:

   git clone https://github.com/musayahea/Type-Writter.git
   

🙋‍♂️ Author

Musa Yahea
Front-End Web Developer
💼 LinkedIn
📂 GitHub
✉️ Email: musayahea500@gmail.com