Open alpdevpf opened 7 years ago
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!
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.