Skip to content
This repository has been archived by the owner on Jan 24, 2018. It is now read-only.

Can I slow down the speed? #845

Open
alpdevpf opened this issue Mar 10, 2017 · 1 comment
Open

Can I slow down the speed? #845

alpdevpf opened this issue Mar 10, 2017 · 1 comment

Comments

@alpdevpf
Copy link

alpdevpf commented Mar 10, 2017

Hello! Using the drawing svg path.
I provided svg lines and added to each path, polyline, etc the:
<path class="st2 skrollable" data--100-bottom="stroke-dashoffset:1000;" data-top="stroke-dashoffset:0;" ....

And when skrolling down, I feel the effect becomes almost invisible because it is so fast. Only if I scroll down very slowly I can catch up on that. I wish the drawing would happen a bit slower, so when people that don't know that the icons are going to appear and be drawned can have thair attention drawn to it when scrolling normally thru the page.

I'm sorry for my english, hope you understand and thanks for the skrollr.

@jde1126
Copy link

jde1126 commented Mar 23, 2017

You can!

But not with a simple line. For example:

<div data-550="opacity:0;top: 25%; left: -50%;"
     data-750="opacity:1;top: 30%; left: 10%;"
     data-850="opacity:1;top: 30%; left: 30%">
<div style="font-size: 30px;">My Website!</div>
</div>

It basically drags out the animation, by slowly showing the text.
Use the dimmed words to your advantage.

My website is VERY basic, but it is: Website!

EDIT: Warning, The link opens in current tab!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants