→ Anonymous
→ Typewriter Effect

Typewriter Effect

This bootstrap css example is contributed by Anonymous, on 18-Jul-2024. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Widget

Author Anonymous

301

v.4.6

Fork Fullscreen

.typewriter {
        font-size: 2rem;
        font-weight: bold;
        color: #333;
    }

.cursor {
        display: inline-block;
        width: 3px;
        background-color: #333;
        animation: blink 0.7s infinite;
        margin-left: 5px;
    }

@keyframes blink {
        0% {
            opacity: 1;
        }

50% {
            opacity: 0;
        }

100% {
            opacity: 1;
        }
    }
</style>

function typeWriter() {
            if (i < text.length) {
                document.getElementById("text").innerHTML += text.charAt(i);
                i++;
                setTimeout(typeWriter, speed);
            }
        }

window.onload = typeWriter;
</script>

More Examples

Marquee Animation
On hover stop effect

Author:
Anonymous

4 months ago

975

v.5.3
Interactive Quiz Application
1. Dynamic Question Loading: Questions are loaded one at a time from a predefined set. 2. Timer: Each question has a 30-second time limit. Interactive Options: Users can select their answer, with visual feedback for correct and incorrect choices. 3. Progress Bar: Shows the user's progress through the quiz. 4. Results Summary: Displays the final score with a congratulatory or encouraging message. 5. Responsive Design: The quiz adapts to different screen sizes.

Author:
Ross Wille

2 months ago

335

v.5.3
Interactive Kanban Task Board

Author:
Anonymous

2 months ago

1.3k

v.5.3
Bootstrap with VideoJS player
Video player with buttons

Author:
Anonymous

1 week ago

59

v.5.3
Countdown timer
Countdown timer with js

Author:
Moana silva

4 months ago

1.7k

v.5.3
Music Player
Working music player With start top buttons and progress bar

Author:
Prajwal Hallale

4 months ago

751

v.5.3
Calender

Author:
Anonymous

4 months ago

242

v.4.6
Bootstrap video player
Video player with buttons

Author:
Kemaya m

4 months ago

636

v.5.3
Bootstrap with VideoJS player
Video player with buttons

Author:
Anonymous

1 week ago

75

v.5.3
Bento Grid with Bootstrap 5

Author:
C B

1 month ago

211

v.5.3
Beautiful Stats Section
App stats section with icons. with hover effect

Author:
Riz Mohammad

4 months ago

290

v.5.3
Contact us form with map

Author:
karia

8 months ago

2.8k

v.5.3

Didn't find component you were looking for?

Search from 210+ componenent