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

Open
amitguptagwl opened this issue Aug 5, 2018 · 2 comments
Open

Cursor movement effect #16

amitguptagwl opened this issue Aug 5, 2018 · 2 comments
Labels
enhancement New feature or request first-timers-only good first issue Good for newcomers help wanted Extra attention is needed

Comments

@amitguptagwl
Copy link
Collaborator

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

@amitguptagwl amitguptagwl added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers first-timers-only labels Aug 5, 2018
@ravk1234
Copy link

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

@amitguptagwl
Copy link
Collaborator Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request first-timers-only good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants