remove 'snap' from animation jQuery

Question

Quick question, should be super easy for anyone keyed up on jQuery. I have a page which uses scrollify. When I scroll down I have 3 animations that play, and are delayed. I want to remove the 'snap' where the element snaps into place once the section is current.

You can view my fiddle here https://jsfiddle.net/pf98w5az/2/

I was using transparent like this

    $('.first').css("background-color", "transparent");
    $('.second').css("background-color", "transparent");
    $('.third').css("background-color", "transparent");

but that wasn't working out for me.

Any help is greatly appreciated.

im not using .animate function so doesn't apply to me sorry. — erayner, Mar 06 '17 at 01:29
https://jsfiddle.net/twurjeam/ this is what I am trying to achieve - but I can't be using background-color: transparent — erayner, Mar 06 '17 at 01:45

score -1 · Answer 1 · answered Mar 06 '17 at 02:07

-1

Answer:

Use opacity.

That's all! :)

answered Mar 06 '17 at 02:07

erayner

69
2
12

remove 'snap' from animation jQuery

1 Answers1