react-typing-animator
Version:
A React component that animates a given text array into a looping typing animation of each word.
1 lines • 658 B
Source Map (JSON)
{"version":3,"sources":["index.css"],"names":[],"mappings":"AACA,kBACE,aAAc,CAEd,aAAc,CACd,mBAAqB,CAFrB,iBAGF,CAEA,0BAME,6BAA8B,CAF9B,QAAS,CAHT,oBAAqB,CAIrB,eAAgB,CAFhB,iBAAkB,CADlB,SAMF,CAEA,iBACE,MACE,SACF,CACA,IACE,SACF,CACF","file":"index.css","sourcesContent":["/* index.css */\n.typing-container {\n display: block;\n position: relative;\n min-width: 1ch;\n padding-right: 0.5rem;\n}\n\n.typing-container .cursor {\n display: inline-block;\n width: 3px;\n position: absolute;\n bottom: 0;\n margin-left: 2px;\n animation: blink 1.5s infinite;\n\n}\n\n@keyframes blink {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n}"]}