mirror of
https://github.com/jbowdre/lolz.git
synced 2024-11-22 05:02:18 +00:00
web: add blinking cursor
This commit is contained in:
parent
011023d888
commit
f43b28b2f8
1 changed files with 18 additions and 2 deletions
20
web.css
20
web.css
|
@ -51,7 +51,23 @@ button.tinylytics_kudos:hover {
|
||||||
text-shadow: var(--off-fg) 0 0 1px;
|
text-shadow: var(--off-fg) 0 0 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* tagline cursor animation */
|
||||||
|
#typo::after {
|
||||||
|
content: "";
|
||||||
|
width: 0.5rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
background: #B2F2BB;
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 0.2rem;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
animation: cursor-blink 1.5s steps(2) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cursor-blink {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue