Skip to content

Commit 1c0fc34

Browse files
committed
Speed up terminal typewriter animation timings
1 parent dafa1b5 commit 1c0fc34

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

index.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ <h3>Connect</h3>
9898
white-space: nowrap;
9999
margin: 0 auto;
100100
letter-spacing: 0.05em;
101-
animation: typing 2s steps(30, end) forwards;
101+
animation: typing 1.2s steps(30, end) forwards;
102102
width: 0;
103103
}
104104

@@ -114,29 +114,29 @@ <h3>Connect</h3>
114114
margin: 0 auto;
115115
letter-spacing: 0.05em;
116116
width: 0;
117-
animation: typing 1.5s steps(40, end) 2.2s forwards;
117+
animation: typing 1s steps(40, end) 1.3s forwards;
118118
}
119119

120120
.typewriter-delay-1::after {
121121
content: '_';
122122
color: var(--gold-primary);
123-
animation: blink-caret 0.75s step-end infinite 2.2s;
123+
animation: blink-caret 0.75s step-end infinite 1.3s;
124124
}
125125

126126
.typewriter-delay-2 {
127127
overflow: visible;
128128
white-space: normal;
129129
max-width: 600px;
130-
animation: fade-in 0.5s 4s forwards;
130+
animation: fade-in 0.5s 2.5s forwards;
131131
opacity: 0;
132132
}
133133

134134
.typewriter-delay-2::after {
135135
content: '_';
136136
color: var(--gold-primary);
137137
animation:
138-
blink-caret 0.75s step-end infinite 4s,
139-
hide-cursor 0s 6s forwards;
138+
blink-caret 0.75s step-end infinite 2.5s,
139+
hide-cursor 0s 4s forwards;
140140
}
141141

142142
@keyframes typing {
@@ -163,7 +163,7 @@ <h3>Connect</h3>
163163

164164
.fade-in-after-typing {
165165
opacity: 0;
166-
animation: fade-in 0.5s ease-in 6.5s forwards;
166+
animation: fade-in 0.5s ease-in 4.2s forwards;
167167
}
168168
</style>
169169

0 commit comments

Comments
 (0)