timdt

Members
  • Content count

    72
  • Joined

  • Last visited

Community Reputation

28 Newbie

About timdt

  • Rank
    Advanced Member
  1. Positioning absolute element

    @Dipscom Hey thanks for the reply, yeah its just lazyness ( i apologize ). Yeah i get it. the one is relative and the other is absolute. i should give a static width and height with position absolute in the wrapper to both elements and then position them correctly so they both are of the same size and share the same position styling. I dont't know much about the <svg> element so thought the problem was in there somewhere. But now it makes sence. It just new to me with the id's classes and elements that come extra with working with svg. Thanks for the resources don't know how to thank you guys enough. Will pay more attention before asking questions next time. Have a nice evening for now everybody
  2. Positioning absolute element

    @mikel Apologies, i have modified the codepen and now it is correct.
  3. Positioning absolute element

    Hey guys, I got an animation with position absolute this circle scales from 0 to 1 then the real circle comes behind it and then the fake circle disappears. Problem is the position absolute. Is there a way to fix this? when i zoom in or out or view on a different size screen you see the element jumping to another place Also for some reason i am not fully able to control the tl.set property. for instance when i remove the fade in label with the attached tweens. All of it doesnt work anymore. And i don't understand why.
  4. Suggestions Needed: Getting Started with GSAP

    @mikel Nice this is awesome! Thats really funny, im going to save it and try to recreate this later. Thanks allot
  5. Suggestions Needed: Getting Started with GSAP

    In my expercience the sequencing is really important. (functions,master timeline, labels ) What i find to be missing sometimes are some free in dept tutorials. example: How to create a smiley face and animate the eyes so it looks like he winks. Things that make you go like: "Ohw thats how they do it, or : I wouldnt have thought about that" Just some tips and tricks and really take a long animation appart. There is allot of documentation on this website wich is great. But for people like me showing me would be much more interesting. I would suggest to look at the paid gsap courses out there and create something similar.
  6. Show/Reveal part of image slowly SVG

    Oke, so i have created some new lines angle: 0 degrees. I have included the svg file in the attachments because i dont know what i did wrong. Created this line 4 times over and over again and still does the same thing 0.o Could someone please explain why the other 2 lines work fine except for line 2 which i called "#Lijntje" line1 = #line1 Line3 = #line3 3.svg
  7. Show/Reveal part of image slowly SVG

    @Dipscom that would be awesome
  8. Show/Reveal part of image slowly SVG

    @Sahil yeah maybe set a rotation? and then use it. then it will be pointing into another direction
  9. Show/Reveal part of image slowly SVG

    Ty guys for all of your help thankt to you i am able to create things like this
  10. Show/Reveal part of image slowly SVG

    @Dipscom So you mean group each line in illustrator then export to svg and use the transform translate? or use the scale?
  11. Show/Reveal part of image slowly SVG

    Yeah, it must look like the line is travelling from dot to dot. and on arrival the dot just pops. Thought maybe i was overlooking something and thought there must be a easier way. But Splitting the line into different paths and then reveal them one by one should also do the trick. Thanks for the help i will post the finished result here when i am done. Maybe will not be today, or may be tomorrow
  12. Show/Reveal part of image slowly SVG

    I know it would be possible with the drawsvg plugin but since i dont have that. would it maybe we better to split the lines rotate them and then use scaleX or ScaleY to make the line like it is traveling from one circle to the other?
  13. Show/Reveal part of image slowly SVG

    @Sahil Its not about the circles actually. its about the line. Animation should go like this: circle 1 : from scale :0 to normal size. line: Goes from circle 1 tot circle 2 circl2: ( on arrival of line ) from scale :0 to normal size. etc etc etc. hope this maybe clarify's it a little more
  14. For some clarification: Sorry didnt translite the id's to english. rood1 = circle2 rood2= circle2 lijn1 = the line i want to animate and reveal the part slowly.
  15. Animate SVG <g> group

    @Sahil incredible i am so stupid. I got so frustrated hahha. Well its already getting late. Probably shouldnt code anymore for the rest of the day XD. Thanks anyway for taking the time and pointing out the problem. Makes my headache little les now haha