geedix
Community Answers
-
geedix's post in How to Include Fonts in Banners that have no Google Font equivalent was marked as the answer
Hi Fatima,
To get your PNGs to look sharp on high-density displays, you need to embed them at higher resolution. So, for a 300x250 png or jpg, make it 600x500, and position it to 300x250 in your html. For flat type, the file size should be okay as a png, but for photos, add more compression, and it will still look better than it would have at 1:1 dimensions.
-
geedix's post in wiggle / vibrate effect using gsap.utils.random was marked as the answer
Hi Eden,
Yes, by default the timeline will repeat using the random values it finds on its first play, unless you add repeatRefresh=true.
I think this will keep your rough ease looking random on each repeat, too.
See the Pen zYXBNvL by geedix (@geedix) on CodePen
-
geedix's post in cdnfonts.com for production? was marked as the answer
It doesn't look very legit to me, since there's no licensing info and you would need a commercial license for legit ad banners.
-
geedix's post in Animation SVG not drawing was marked as the answer
Here's your logo with stroke changed to #000 and fill changed to none:
See the Pen eYbjvqE by geedix (@geedix) on CodePen
-
geedix's post in Falling Shapes - What is Concept Name ? was marked as the answer
I don't know, you could just call the concept "falling cubes".
You could get close with some randomized gsap tweens using a "bounce.out" ease.
I would also look into the gsap Physics2d plugin: https://greensock.com/docs/v3/Plugins/Physics2DPlugin You would have to figure out your own collision detection, though. There are other libraries for that, but I haven't tried them. https://brm.io/matter-js/ looks fun. Good luck!
-
geedix's post in scrollTrigger with activeItem was marked as the answer
I'm not much of a coder but I can usually find a way. Here's a fork that loops through the cards onUpdate, and adds the class if a card is over a certain opacity:
See the Pen gOBwWaq?editors=1111 by geedix (@geedix) on CodePen
Maybe poor for performance to do it this way, but it works.
-
geedix's post in Constrain animation within a contianer was marked as the answer
Hi @kpirkovic, I think I have fixed it by assigning position:absolute to the employees. They animate relative to where they start out, so they were stacked and going too far down sometimes.
-
geedix's post in Creating an elastic.inOut easing with a regular ease in was marked as the answer
How about stringing two tweens together, like this?
See the Pen ZEoVPPL by geedix (@geedix) on CodePen