AchyuthGamer commited on
Commit
cf27661
1 Parent(s): 08c5e37

Update client/css/typing.css

Browse files
Files changed (1) hide show
  1. client/css/typing.css +10 -23
client/css/typing.css CHANGED
@@ -1,28 +1,15 @@
1
- .wrapper {
2
- height: 100vh;
3
- /*This part is important for centering*/
4
- display: grid;
5
- place-items: center;
 
6
  }
7
 
8
- .typing-demo {
9
- width: 22ch;
10
- animation: typing 2s steps(22), blink .5s step-end infinite alternate;
11
- white-space: nowrap;
12
- overflow: hidden;
13
- border-right: 3px solid;
14
- font-family: monospace;
15
- font-size: 2em;
16
  }
17
 
18
- @keyframes typing {
19
- from {
20
- width: 0
21
- }
22
- }
23
-
24
- @keyframes blink {
25
- 50% {
26
- border-color: transparent
27
- }
28
  }
 
1
+ .typing {
2
+ position: absolute;
3
+ top: -25px;
4
+ left: 0;
5
+ font-size: 14px;
6
+ animation: show_popup 0.8s;
7
  }
8
 
9
+ .typing-hiding {
10
+ animation: hide_popup 0.8s;
 
 
 
 
 
 
11
  }
12
 
13
+ .typing-hidden {
14
+ display: none;
 
 
 
 
 
 
 
 
15
  }