Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cursor movement effect #16

amitguptagwl opened this Issue Aug 5, 2018 · 2 comments


None yet
2 participants
Copy link

amitguptagwl commented Aug 5, 2018

We've already added blinking cursor effect. Now we've to experiment by moving the cursor inside the text.

A rough idea to give this effect by appending a span tag after the cursor. check this code to append a span.

HTML tag will look like this

<p id="paper">This is the text being typed</p><span cursor="shabdawali-cursor">|</span><span id="paper-after"></span>

On cursor move remove a char from #paper and add it to #paper-after.

<p id="paper">This is the text being type</p><span cursor="shabdawali-cursor">|</span><span id="paper-after">d</span>

and so on


This comment has been minimized.

Copy link

ravk1234 commented Aug 21, 2018

sir, Can you please tell the file where i have to have change this code?


This comment has been minimized.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.