# Wobble CSS ... Maybe someone has an idea

**URL:** <https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659>\
**Category:** RapidWeaver Elements\
**Created:** [March 10, 2025, 4:30pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659 "2025-03-10T16:30:50Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 10, 2025, 4:30pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/1 "2025-03-10T16:30:50Z")

</div>

Hi

I am having some cards with an effect to move up and get a bigger shadow. As it can be seen in the video, the content of those components are wobbeling when hover over the card.

Anyone has an idea how to fix it? Besides removing the hover effect 😃

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 10, 2025, 5:21pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/2 "2025-03-10T17:21:58Z")

</div>

I think this is just a side effect of animating with Alpine/CSS maybe… does it do it in Chrome based browsers as well?

@ben would probably know more about all this 🤔

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 10, 2025, 5:36pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/3 "2025-03-10T17:36:23Z")

</div>

Hi @dan,

oh well I develop against Chrome, since it has a market share of 67%. I realized that with Safari that wobbeling is not visible, so its only in Chrome.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 10, 2025, 5:37pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/4 "2025-03-10T17:37:22Z")

</div>

> [@Beblebroks](#):
>
> oh well I develop against Chrome, since it has a market share of 67%. I realized that with Safari that wobbeling is not visible, so its only in Chrome.

Oh that is interesting, it’s usually Safari with the issues these days 🤣

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [March 10, 2025, 6:44pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/5 "2025-03-10T18:44:21Z")

</div>

Hi @Beblebroks,

hard to tell exactly what’s going on from the video - if you could share the project with us I could take a look 🙂

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 10, 2025, 6:50pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/6 "2025-03-10T18:50:33Z")

</div>

Hi @ben,

would like to. But most of the staff is based on a devpack and that I can not upload to the cloud. Its already pretty late in Indonesia, let me get a plain project together tomorrow that I can share. If I can not reproduce it, should I send the devpack? If you got a github account I can share it with you.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 11, 2025, 11:46am UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/7 "2025-03-11T11:46:34Z")

</div>

Hi @ben,

I got it reproduced with standard components:

[elementsapp://downloadDocument/Yykl5CnEll1A](elementsapp://downloadDocument/Yykl5CnEll1A)

In case you wont see it here a video.

1. I created a global
2. Added them and unlink them, had some modifications like tags, z-index.
3. Wobbeling is in line 2, that grid is set up as 2 rows.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [March 12, 2025, 8:39am UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/8 "2025-03-12T08:39:02Z")

</div>

Thanks for the project 🙂

Unfortunately I’m struggling to reproduce/see the issue, would you be able to publish the page somewhere? That way I could test the exported code and see if I can identify the issue.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 11:33am UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/9 "2025-03-12T11:33:55Z")

</div>

Hi @ben,

Please find the page below. The wobbeling is visible in my browser (Chrome).

> **[Home](https://mogin.net/rw-wobble-test/)**

P.S.: This is my first published page with elements 😍

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 12, 2025, 2:08pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/10 "2025-03-12T14:08:08Z")

</div>

checked both project and chrome safari, do not see any wobble

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:08pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/11 "2025-03-12T14:08:47Z")

</div>

In safari I also dont see it … only in Chrome. Which version are you using?

Version 134.0.6998.88

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 12, 2025, 2:10pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/12 "2025-03-12T14:10:41Z")

</div>

Version 134.0.6998.45 (Official Build) (arm64), its just updating when I checked version, try in a minute

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:11pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/13 "2025-03-12T14:11:04Z")

</div>

Do you see the vertical shaking in the video?

Is this one on the page:

 ![CleanShot 2025-03-12 at 22.11.44](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/9/c944381b9ed0fd6912fdcaa90a30068c40fc86a1.png)

I figured out it depends on the browser size

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 12, 2025, 2:13pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/14 "2025-03-12T14:13:44Z")

</div>

Version 134.0.6998.89 (Official Build) (arm64) chrome

ah I see it with tags

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:15pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/15 "2025-03-12T14:15:16Z")

</div>

how did you do the zoom? 😲 Tried to figure that out with cleanshot for a while already

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 12, 2025, 2:16pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/16 "2025-03-12T14:16:13Z")

</div>

iam on my MacBook just used trackpad two fingers to zoom just pull finger apart

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:18pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/17 "2025-03-12T14:18:18Z")

</div>

🤣 … yeah that makes sense …

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:18pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/18 "2025-03-12T14:18:43Z")

</div>

So here on different screensize it starts and stops.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 12, 2025, 2:22pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/19 "2025-03-12T14:22:32Z")

</div>

I managed to re-create it here in Chrome after resizing the browser. @ben was taking a deeper dive into it this morning.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:27pm UTC](https://forums.realmacsoftware.com/t/wobble-css-maybe-someone-has-an-idea/46659/20 "2025-03-12T14:27:01Z")

</div>

Not sure if this is just tailwind / alpine.js related.
