Skip to content

Cursor movement effect #16

@amitguptagwl

Description

@amitguptagwl

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions