EVA CORPORATION

Ah! Understood, thank you! Yeah, it still turns out I need to draw every line. Okay, while I have time, I'll practice svg drawing.? Thanks!

While I have a break between projects, I wanted to figure out how to work DrawSVG. I took a ready-made animation of the logo and based on it to implement animation only using gsap. But I ran into two problems... 1) When I try to take the DrawSVGPlugin connection from the examples... CodePen requires Upgrade to Pro 2) I found a suitable example... but there is also an upgrade required to see the work of the example... What to do? Is there any way to connect js in another way? An example that seems to suit me, I found here https://codepen.io/cassie-codes/pen/zgZxqP/85df19ba523672229f92e5aa4ac675af I also attach an example of animation And here is my attempt to make my own project

document.querySelectorAll(".black-block").forEach((item) => { item.addEventListener("mouseenter", function () { gsap.to(".ball", { toggleClass: '.class-ball', backgroundColor: '#ffffff' }); }); item.addEventListener("mouseleave", function () { gsap.to(".ball", { backgroundColor: '#DE002B' }); }); }); For some reason, toggleClass is not added

And how to turn to the mix-blend-mode style? For example, there is a backgroundColor for the background. Or is it easier to add a class when the cursor hits the black-block block?

I didn't think it was possible to use add event listeners in this way! Thank you very much ^___^

Good afternoon. Please tell me, is there a function that will allow you to change styles or add a class to the ball block that follows the cursor. For example, if the cursor hit a block with the btn class, dissolve the cursor by the size of the button block, or when hovering over blocks with the info-img and black-block class, the color changed (or added its own class to the ball).

Oooo ?... It works, but only when closing all the blocks except the initial one, for some reason I did not recalculate.?

As I understand it, the end does not count further, it turns out ... You can make the end up to btn-count-rates

I corrected the layout and added a version of the code, but it turned out that the scrolling of the block does not go to the end. It turns out that not all the blocks are open at once, they open one by one, and when I scroll and open blocks 2-3, the opening of the block slows down and does not scroll further... https://codepen.io/eglit_m/pen/NWewrad

I'm sorry, it can be seen when I moved and removed a lot of text, I accidentally deleted the closing tag >__<, and then also duplicated with this error T___T

Good afternoon! I wanted to make the block with the table-rates-head class in the "table" scroll within the parent with the table-rates-options class. But I managed to make the scroll work on the machine, I can't figure out how to make a trigger for the block with scrolling down and up, and not how it turned out on the machine scrolls to the end. It turns out that I need to make position sticky using gsap, I can't do it purely with styles, due to the fact that there must be overflow hidden...

aaa... that's the thing. There is no way to do without movement at all?

The first message is essentially my CodePen, but I can refer to it again ? In general, they asked to leave the text on the curve (Master Line), but so that it does not move... https://codepen.io/eglit_m/pen/QWVMopv

Good afternoon! And tell me how to stop the animation and make the text just be on the Master Line? I add this piece of code, but the text keeps moving onComplete: (w) => { animation.stop(); }

Thanks for the answer I will deal with js Leaflet then

I need an answer, is it possible to make the same map with areas and information when hovering over an area, as is done with js Leaflet, as here for example https://codepen.io/jenishhrestha/pen/WNrmdQE https://codepen.io/travishorn/pen/rYeeMw https://codepen.io/anitaparmar26/pen/RwovJRN

Good afternoon! There is such a script Leaflet.js, it implements maps. Question, I essentially need a map of the house, with the separation of areas where and what is located. Is it possible to implement the same map, but only with the help of gsap, where the selected area, when selected, information about the object appears, and when clicked, some action occurs (transition or popup opening). I found such a post, but there is a choice not by area, but by clicking on a third-party object.

Yes, thank you!? It also turns out that it was necessary to configure startOffset in textPath. By the way, I haven't really figured out startOffset yet >_< When I was cleaning yoyo, he behaved strangely at me...?

Oh, right! I guess I was obviously stuck on one question then, I completely forgot about the replacement >__<

The question is, why does the picture become centered at the end of the animation? The jar in my pictures goes from right to left, but for some reason it becomes centered, although my last frame clearly positions the picture on the right. Is there a setting responsible for the position?

Do you know there is such a thing as a running ad line? They usually go in a circle, in the plan they repeat from one end of the line to the other. That's the question, how to loop a string by svg master-line? I managed to do it along the line, but it reaches the end and comes back from the place where it ended. No, I meant this in a circle, but clockwise only https://codepen.io/kryvonos_v/pen/zXKYvw

I wanted to make a marquee text using svg master-line, but I only managed to make it go in one direction. Question, is it possible to make it in a circle svg master-line?

Everything is fine with the pictures I immediately believed it. But I forgot to change from fixed to absolute.. It seems that the trigger has earned ^____ ^ Thank you very much ?

Mm... I thought maybe I missed something and inserted your js from CodePen to myself, with your pictures. Why are there no pictures, it seems to be the same.. https://codepen.io/eglit_m/pen/QWVMopv

Yes, I meant within a certain threshold of scrolling, you said correctly. I inserted all the parameters, but your picture does not disappear on the last frame, and for some reason it disappears for me. By the way, unfortunately, the site uses jquery version 2.1.3 and you can't install another one >_<