This is my personal website
add blinking cursor
+18
+18
main.tsx
+18
main.tsx
···
55
55
}
56
56
}
57
57
`,
58
+
`
59
+
.blinking_cursor {
60
+
margin-left: 5px;
61
+
-webkit-animation: blinker 1s none infinite;
62
+
animation: blinker 1s none infinite;
63
+
font-size: 28px;
64
+
}@-webkit-keyframes blinker {
65
+
50% {
66
+
opacity: 0;
67
+
}
68
+
}@keyframes blinker {
69
+
50% {
70
+
opacity: 0;
71
+
}
72
+
}
73
+
`,
58
74
],
59
75
body: (
60
76
<body>
···
62
78
<h2 style="font-weight: 500;margin-bottom: 0">Hello, I'm</h2>
63
79
<h1 style="font-size: 2rem; font-weight: 600; margin-top: 0">
64
80
Tsiry Sandratraina
81
+
<b class="blinking_cursor">_</b>
65
82
</h1>
83
+
66
84
<div style="line-height: 1.6">
67
85
I'm a developer and{" "}
68
86
<a href="https://github.com/tsirysndr" target="_blank">