[Opening page with morph transition]

Yes , thanks a lot @nicofonseca  That was the reason!

[Opening page with morph transition]

 

Hi again,

 

I tried to use autoAlpha here, but I've faced with errors. There are two timelines in js file, one for svg and the other for loading " .content" after loading the page but in my local host after loading svg the content cannot be loaded! (have no clue why?) and in codepen svg and conttent both cannot be loaded. Can any body help me ?

 

Thank you

 

See the Pen LYyMppO by webplot (@webplot) on CodePen

[Opening page with morph transition]

I will go for "fade in" as you suggested. Thanks for the link.

 

[Opening page with morph transition]

Hi agian @Cassie, In order to load java faster than html I  put my java text inside module <script type=''module">

and it really works

 

But not always.

[Opening page with morph transition]

Hi @Cassie, thanks a lot for :

47 minutes ago, Cassie said:

pointer:events: none

It helped  a lot. I will definitely update my syntax. 

[Opening page with morph transition]

Hi everybody, 

 

This is an example of what I intend to make (not exactly but almost). There are two problems here: First, the text flashes on before svg  loads and this is not good and second, the buttons become disabled. I spent hours to solve this but I got stuck. Could you please help me?

 

Thanks

 

 

See the Pen LYyMppO by webplot (@webplot) on CodePen

[ScrollToPlugin in Chrome and Edge]

Thanks a lot! This fixed the issue.

 

:root {

  scroll-behavior: inherit;

}

[ScrollToPlugin in Chrome and Edge]

6 minutes ago, OSUblake said:

:root { scroll-behavior: smooth; }

I cannot find it in my CSS! 

[ScrollToPlugin in Chrome and Edge]

 I don't know how to use codepen for WordPress.

 

For ScrollToPlugin I used CDN. 

[ScrollToPlugin in Chrome and Edge]

18 minutes ago, Cassie said:

Are you sure it's working?

I don't understand what you mean? 

[ScrollToPlugin in Chrome and Edge]

Hi @Cassie,

 

I am trying it on my local host and don't know how I can make a demo of it. I just copied the same css, html and js code from above link and I see the differences in different browser. Do you know why? 

 

[ScrollToPlugin in Chrome and Edge]

Hello, 

 

While I was testing this example in my own website with different browser, I noticed that it scrolls very smooth in Firefox (like the example in the codepen) but in Edge and Chrome no matter what ease I choose or how long the duration is, scroll is not smooth, I see that  #Section suddenly jump under navigation bar and this is very annoying. Do you know how can I solve this?

 

Thanks

 

See the Pen LkOrKY by GreenSock (@GreenSock) on CodePen

[Gsap plugings in wordpress]

Thank you for guidance, very helpful but using  gsap modules  with LavarelMix for me became very complicated! Thus, I used another approach and now all working well

[Gsap plugings in wordpress]

I followed this instruction: npm install ./gsap-bonus.tgz (because I want to use ClubPlugins) and got gsap in my node-modules  folder (see screenshot , left column), then I imported them in aap.js to make global for all of my projects. 

 

"Gsap" and "Extraplugins" work very well because I use script tags in my header file. 

 

My problem now is not being able to use "ClubPlugins" in wordpress (using lavarelMix) neither through script tags nor import.

 

If you have any clue, I would appropriate. 

thanks 

[Gsap plugings in wordpress]

Thanks for quick reply. I tested all gsap plugins in a simple html file separately using the same examples in Doc with script tags and I noticed that all working well. Then, I tested the functionality of  "Extra Plugins"  by using again script tags in the header file and I noticed that it works very well too. But when I tested the same plugins through importing in app,js , I noticed that those plugins are not working even though I receive no error.

 

You can imagine that I  have the same issue with "Club Plugins". First I tried them with script tags, no work! Then I tried them with importing in app,js and registering (capture 1) again no response. 

 

Could you please help me? 

Thanks

[Gsap plugings in wordpress]

hello,    I am new in this field. Recently I bought club plugin. But unfortunately except "Draw SVG" and MotionPath Helper none of the rest of plugins work for me. Interia works with draagable, wihtout draagable it does not works direclty. From the Extra plugins: all working well except Pixi.    I am using Lavarelmix and Visuals Studio for building and designing WordPress websites.   Do you have any idea what's wrong? I only try the examples which are provided here. So it cannot be the syntax.

[Learning GSAP with no Javascript knowledge/experience]