shabdawali icon indicating copy to clipboard operation
shabdawali copied to clipboard

Cursor movement effect

Open amitguptagwl opened this issue 7 years ago • 2 comments

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 avatar Aug 05 '18 02:08 amitguptagwl

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

ravk1234 avatar Aug 21 '18 17:08 ravk1234

https://github.com/amitguptagwl/shabdawali/blob/master/src/shabdawali.js

amitguptagwl avatar Aug 22 '18 01:08 amitguptagwl