Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

About Creativist-Lab

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Creativist-Lab's Achievements

  1. Thanks @Carl! I purchased your courses last year and they have been a great help, I haven't finished all the tutorials and definitely missed this particular one. May I suggest one thing for your courses? I think it would be a great option to have a notes section underneath the title of each lesson for example. What I notice now is that I run into a solution for a particular problem but with no option to note that down I often find myself scrolling through each video to try to remember where I saw the solution. For the rest, thanks for making such great tutorials!
  2. Thanks @akapowl I did search the forum first but I didn't find this thread, sorry. Thanks for taking the time to answer
  3. Hello all, I'm trying to animate letterSpacing but the result is not very smooth (see CodePen) is there anything I can do to make it look more smooth? Thanks in advance!
  4. It's a dirty job but someone has to do it No worries, I appreciate the advice and you're right, better to know.
  5. Thanks @Cassie not the answer I was hoping for but then I better go for the non easy solution.
  6. Hello @OSUblake thanks for your reply. I made a quick codepen where I replaced the box-shadow with another div so you hopefully understand the effect that I'm after. Basically I would like to animate the boxShadow in a similar way as that the div is being animated. I understand that I can add another div and animate this as in the codepen but that would complicate things so when possible I'm looking for a way to animate the boxShadow. Thanks for any tips (once again ) https://codepen.io/JeroenVn/pen/QWqKabv
  7. Hello, sorry if this is a very basic question but I'm not able to figure it out. I'm trying to animate a boxShadow. What I would like to achieve is having a boxShadow appear underneath a card. This is how the eventual box-shadow should look like: box-shadow: 0px 0.85em 2.15em 0px rgb(0 0 0 / 27%). But I would like to let the box-shadow start completely hidden underneath the card. I thought by using gsap.to and targeting boxShadow and then animating it in by using the "x"and "y" offset would be the easiest but I can't get this to work. Also by setting the starting point of the box-shadow to 0 and then with: gsap.to(".slideShadow", { boxShadow: "0px 0.85em 2.15em 0px rgb(0 0 0 / 27%)", duration: 1, ease: CustomEase.create("custom", "M0,0,C0,0,0.144,0.728,0.518,0.872,0.876,1,1,1,1,1")}, 0) this just let's the shadow fade in instead of letting it move away from underneath the card. Sorry for not attaching a codepen but hopefully my question is clear. Thanks in advance.
  8. Thanks a lot! That is exactly what I was looking for
  9. Hello all, I started playing around with the MorphSVG plugin and so far so good. I'm very new to all of this (coding in general) and I'm running into some things that i hope someone can help me with (see the codepen demo). When you hover over the trees they start to wiggle, what i would like is the trees to finish the wiggle sequence on mouseleave and reverse when leave so that the sequence will start again with another mouse enter... Is there a way to do this? Also I'm sure that the code that I've written is not very clean and optimized, when possible I would like to have some tips on how to improve this also. Thanks once again in advance! https://codepen.io/JeroenVn/pen/OJxMdOe
  10. Thanks for your answer @OSUblake I will try first with MorphSVG. By the way, your example looks really cool!
  11. Hello all, I'm asking for some general advise/workflows since I'm totally new with the following..... I created some SVG's in the form of trees and now I would like to animate them in such a way that they seem to move subtle in the wind. Most likely I need to manipulate each path separate in order to have a realistic effect, or is there an easier way to go about this? And when each path needs to be manipulated separate, what would be the easiest to do this? Anyway all tips are most welcome! Thanks everyone.
  12. Yes I definitely encountered what you are saying already more than once but I guess there is always this thing that you can overlook. And probably with everything that you discover you have another option to look out for with a next thing that doesn't work the way it should. Anyway thanks once again for taking the time to answer.
  13. Hello @Cassie so your tip kinda worked...... I inspected the elements again and then I noticed that when i am using text it is being wrapped in an extra DIV so I made the exact example in a codeblock on my website and now it behaves as it should. Sorry again to bother you with this but I'm glad I finally figured it out (still with the help of you guys )
  14. Hello @Cassie, yes I understand this but I thought because I literally copied some examples to test this which gave the same result it wouldn't bring much insight because on Codepen the examples work normally. So what I did now which is hopefully ok is made a test on the site that I'm working on so this example I copied on my site: https://greensock.com/docs/v3/GSAP/CorePlugins/ModifiersPlugin And here you can see how it behaves on my site: Test I'm sorry for bothering you guys with it but I have been trying to figure out things for a long time but I keep getting the same results that's why I thought maybe better ask here. Thanks again.
  15. Hello, I'm having some problems with some of my tweens and my suspicion is that there is a conflict but I'm kinda at a dead-end with my knowledge. So my main question is what is the best way to debug when there are no errors showing in the console? I'm working in WordPress so I already switched all other plugins off, cleared all caches etc. Also I followed some examples from the forum which are working without any errors on my site but I'm getting a different result in its behavior compared to the examples. I followed on this page the example of the wrap utility function: https://greensock.com/docs/v3/GSAP/CorePlugins/ModifiersPlugin And a few other examples that should give similar results but they all behave in a similar unwanted way (so at least something is consistent ) Basically what I'm trying to achieve is having a line with text move from right to left in a endless loop I tried what I think is the easiest option first with the following code: gsap.to('.newsline', {x: -720, duration: 5, ease: 'none', repeat: -1 }) But what happens is after the first duration the tween just kinda bounces a bit from left to right you can see the live example here: Mister Bamboo Straws | Premium | Reusable | Customized branded straw | Eco friendly | Eco-friendly and reusable plastic straw alternative, Premium bamboo laser branded straws Thanks in advance for any help/tips!