Created
March 30, 2021 13:07
-
-
Save kristofgilicze/46adbb34e46961da1d24abc976ac41c6 to your computer and use it in GitHub Desktop.
Terminal cursor style blinking dash at the end of the element with pure css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.terminal-line-cursor-effect::after { | |
content: ' _'; | |
animation: animate 1.5s linear infinite; | |
} | |
@keyframes animate { | |
0% { | |
opacity: 0; | |
} | |
50% { | |
opacity: 0.7; | |
} | |
100% { | |
opacity: 0; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment