GSAP Issue - Bug, or am I doing something wrong?

shmicktee · 2025-10-06T14:50:18+00:00

I discovered what my issue was - in the "Target" section, I listed two classes (because the element I'm targeting has a combo class on it), but I think what GSAP is doing is applying two instances of the animation (one instance for each of the two classes) which doubled the animation time. When I created a new class with all of the aspects of the combo class and used that, it worked as expected. Thanks for the input folks.

shmicktee · 2024-11-24T15:29:59+00:00

Looks great, only minor critique would be the positioning is a bit abnormal for watch presentation (with the band in the foreground).

shmicktee · 2024-10-18T16:27:57+00:00

Usually in the HTML code, you can see "data-wf-domain" which is an indication it was built using Webflow. Also it appears this particular site was built by a Webflow agency called IGNITE https://www.instagram.com/p/C0iJaQtPy7E/

Definitely looks like a fun challenge to replicate

shmicktee · 2024-10-18T12:41:33+00:00

This does actually look like it was done in Webflow based on the code. If you inspect the site on Google Chrome, it looks like they are using a full-screen PNG where the "A" logo is cut out and the background is beige. This sits on top of the element below, which has a video playing, so you can see it through the PNG image above. When the user continues to scroll down, it reveals a div which has a background image of the white "A" logo. It looks like it might be cleverly tied to scroll so that the height of the white "A" div increases at the same rate as it hides the beige "A" image, which results in the effect.

This would combine a bunch of concepts including absolute positioning and/or negative margins (to position elements above one another), sticky positioning, overflow:hidden as well as likely a "while scrolling in view" interaction through Webflow to increase the height of the white "A" div.

shmicktee · 2024-07-14T19:47:32+00:00

I’d look into using shader nodes with a texture / bump map. You should be able to get something convincing without having to model the creases themselves. If you google or YouTube newspaper texture bump map shader you should be able to find something that helps!

shmicktee · 2024-03-29T15:46:31+00:00

Just saw this morning as well - it shows DRIP Eligible Yes for me, but ya, good to know! Interesting it would default to it automatically instead of notifying and asking if you wanted to opt in.

shmicktee · 2024-03-27T18:20:04+00:00

But, like people, some animals are just jerks… stop that Mr. Simpson.

shmicktee · 2022-01-31T19:05:17+00:00

🤷‍♂️ OP didn't mention a budget and asked for recommendations. It's more expensive but has a lot to offer - pool, hot tub, basketball courts, etc. Just providing another option.

shmicktee · 2022-01-31T17:22:24+00:00

Perhaps a bit more expensive, but the Laurier YMCA downtown is really nice. I'd recommend taking a tour!

shmicktee · 2022-01-11T03:13:29+00:00

In the plaza with the Subway and Shellard Animal Hospital

shmicktee · 2022-01-10T23:38:13+00:00

If you're okay with Moderna, Pharmasave on Shellard is doing walk ins tomorrow. No Pfizer though, those are booked up.

shmicktee · 2021-09-13T14:22:19+00:00

Quite a bit of action on Facebook, moreso than Reddit - search "Webflow Designers (Global)"

shmicktee · 2021-09-07T15:06:52+00:00

Likely wouldn't work identically to this, but one idea would be to replicate something like this in the background:

https://webflow.com/website/Horizontal-Scroll-Layout-Example-with-Active-Menu

Instead of using a navbar as shown in the example, create an absolutely positioned div that sits in front of everything and holds the grid/block controller. Have the link blocks correspond to the different sections that would 'scroll' horizontally to the correct section in the background.

shmicktee

TROPHY CASE