Dark | Light
[GUEST ACCESS MODE: Data is scrambled or limited to provide examples. Make requests using your API key to unlock full data. Check https://lunarcrush.ai/auth for authentication information.]

# ![@jh3yy Avatar](https://lunarcrush.com/gi/w:26/cr:twitter::2396811776.png) @jh3yy jhey ʕ•ᴥ•ʔ

jhey ʕ•ᴥ•ʔ posts on X about all the, hidden, slack, has been the most. They currently have XXXXXXX followers and XX posts still getting attention that total XXXXXX engagements in the last XX hours.

### Engagements: XXXXXX [#](/creator/twitter::2396811776/interactions)
![Engagements Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:interactions.svg)

- X Week XXXXXXX -XX%
- X Month XXXXXXXXX -XX%
- X Months XXXXXXXXX +82%
- X Year XXXXXXXXXX -XX%

### Mentions: XX [#](/creator/twitter::2396811776/posts_active)
![Mentions Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:posts_active.svg)

- X Week XX +8.30%
- X Month XX -XX%
- X Months XXX +62%
- X Year XXX -XX%

### Followers: XXXXXXX [#](/creator/twitter::2396811776/followers)
![Followers Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:followers.svg)

- X Week XXXXXXX +0.30%
- X Month XXXXXXX +1.50%
- X Months XXXXXXX +6.70%
- X Year XXXXXXX +19%

### CreatorRank: XXXXXXX [#](/creator/twitter::2396811776/influencer_rank)
![CreatorRank Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:influencer_rank.svg)

### Social Influence

**Social category influence**
[social networks](/list/social-networks)  XXXX% [stocks](/list/stocks)  XXXX% [finance](/list/finance)  XXXX%

**Social topic influence**
[all the](/topic/all-the) 6.67%, [hidden](/topic/hidden) 6.67%, [slack](/topic/slack) 3.33%, [has been](/topic/has-been) 3.33%, [opacity](/topic/opacity) 3.33%, [figma](/topic/figma) 3.33%, [icon](/topic/icon) 3.33%, [$shop](/topic/$shop) 3.33%, [realtime](/topic/realtime) 3.33%, [lack of](/topic/lack-of) XXXX%

**Top accounts mentioned or mentioned by**
[@newzealandhodl](/creator/undefined) [@codepen](/creator/undefined) [@victorbuikem](/creator/undefined) [@bedesqui](/creator/undefined) [@lukegainzz](/creator/undefined) [@rbbydotdev](/creator/undefined) [@stevehayes](/creator/undefined) [@blvdmitry](/creator/undefined) [@keyframes](/creator/undefined) [@motiondotdev](/creator/undefined) [@nitishkmrk](/creator/undefined) [@figma](/creator/undefined) [@sorenblank](/creator/undefined) [@elevenlabsio](/creator/undefined) [@avstorm](/creator/undefined) [@wesbos](/creator/undefined) [@mrblackstudio](/creator/undefined) [@framer](/creator/undefined) [@zapriteapp](/creator/undefined) [@matthewrcrigger](/creator/undefined)

**Top assets mentioned**
[Shopify Inc (SHOP)](/topic/$shop)
### Top Social Posts
Top posts by engagements in the last XX hours

"the trick: SVG displacement filter via CSS filter property. use on scaled duplicate content in the view finder element. that way you dont need to worry about backdrop-filter support 🤙 the tell: you dont see all the content behind nice stuff 😎"  
[X Link](https://x.com/jh3yy/status/1984917331240521786)  2025-11-02T09:35Z 140.2K followers, 84.2K engagements


"s/o to @steve_hayes who sniped me in Slack with a prompt that i felt obliged to explore/prototype quick 😁 it's a play on the glow cards we did a year or so back you can play with all the controls in this @CodePen 🤙"  
[X Link](https://x.com/jh3yy/status/1992035612619411934)  2025-11-22T01:01Z 140.1K followers, 28.8K engagements


"@blvdmitry its truly a wonderful site even getting to contribute a small part has been epic. partly to get a preview and see all the amazing effort behind the scenes 👏🔥"  
[X Link](https://x.com/jh3yy/status/1998795842459980003)  2025-12-10T16:43Z 140.1K followers, XXX engagements


"This CSS trick is fascinating By setting: type=range overflow: hidden; You can create a view timeline on the handle: ::-webkit-slider-thumb view-timeline: --thumb inline; And then you can use that to build all sorts of custom range sliders 🚀"  
[X Link](https://x.com/jh3yy/status/1816290576087515620)  2024-07-25T01:53Z 140.2K followers, 96K engagements


"responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) grid-template-columns: var(--sidebar-width) 1fr; aside:popover-open translate: X var(--ctrl); height: var(--extend); actual zero JS for the layout transition here so many details to play with 🧑🍳"  
[X Link](https://x.com/jh3yy/status/1977517175285154015)  2025-10-12T23:30Z 140.2K followers, 384.3K engagements


"5 min cursor trails with grid + CSS custom properties 💫 div style="--o: 0.2; --r: 3" .grid div opacity: var(--o); transition: opacity 0.8s rotate 0.4s; &:hover transition-duration: 0s; rotate: calc(var(--r 0) * 90deg); opacity: 1; trick: dynamic :hover transition"  
[X Link](https://x.com/jh3yy/status/1982842032654561473)  2025-10-27T16:09Z 140.2K followers, 346.5K engagements


"messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳"  
[X Link](https://x.com/jh3yy/status/1985792728312012896)  2025-11-04T19:34Z 140.2K followers, 141.4K engagements


"accordion transitions w/ css ::details-content details + summary 🧑🍳 details:has( open) --y: -1; open details --y: 1; details translate: X calc(var(--y) * 1rem); open::details-content height: fit-content;"  
[X Link](https://x.com/jh3yy/status/1986545100466315475)  2025-11-06T21:23Z 140.2K followers, 116.5K engagements


"CSS card parallax with pointermove + custom props 🧑🍳 div class=ring style="--i: 2" .ring translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇"  
[X Link](https://x.com/jh3yy/status/1987670585133187417)  2025-11-09T23:56Z 140.2K followers, 305.1K engagements


"context-aware css card glow/shine effect 👨🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇"  
[X Link](https://x.com/jh3yy/status/1992003440579662211)  2025-11-21T22:53Z 140.2K followers, 619.7K engagements


"honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene built with web components tailwind and SVG 👨🍳 hint: 4930"  
[X Link](https://x.com/jh3yy/status/1994381963034014001)  2025-11-28T12:24Z 140.2K followers, 99.2K engagements


"css trick for the "shine" border 🧑🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move"  
[X Link](https://x.com/jh3yy/status/1994820920712757672)  2025-11-29T17:29Z 140.2K followers, 199.8K engagements


"you can totally do it with css 🧑🍳 use a border mask layers + overflow: hidden or other tricks skip animating the gradient though jus' spin a 1:1 gradient layer 🤙"  
[X Link](https://x.com/jh3yy/status/1994936546089116093)  2025-11-30T01:08Z 140.2K followers, 282.6K engagements


"you can jus' kinda pixelate things with svg feFlood + feTile + feMorphology 👨🍳"  
[X Link](https://x.com/jh3yy/status/1995645776605913371)  2025-12-02T00:06Z 140.2K followers, 35K engagements


"you can do this one with css grid position: sticky and some scroll animation 👨🍳"  
[X Link](https://x.com/jh3yy/status/1996336448153559150)  2025-12-03T21:51Z 140.2K followers, 200.2K engagements


"this goes for buying "UI Component" packs too please do your due diligence 🙏 people will happily takes 100s of dollars from you but you could end up doing the work twice for a11y perf etc. it's a shame when a proponent of design engineering is building things with care"  
[X Link](https://x.com/jh3yy/status/1998067535149731909)  2025-12-08T16:29Z 140.2K followers, 32.6K engagements


"you can stack elements with css grid/subgrid by giving them the same grid position 🧑🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇"  
[X Link](https://x.com/jh3yy/status/1998097484904849703)  2025-12-08T18:28Z 140.2K followers, 122.4K engagements


"a css + ui course is still very much the plan doin a lot of life atm the plan is to release when we move 🤞 until then things remain free 🤙"  
[X Link](https://x.com/jh3yy/status/1998196482491691047)  2025-12-09T01:02Z 140.2K followers, 20.2K engagements


"@avstorm team absolutely cooked 🔥 honored to contribute this year not seen many people finding the Easter Eggs yet 👀"  
[X Link](https://x.com/jh3yy/status/1998846482057945449)  2025-12-10T20:05Z 140.2K followers, 8972 engagements


"@wesbos yep - you can build a whole pinboard app with it wild to think i built this this one in 2023 and now were getting anchor in Firefox 🙌"  
[X Link](https://x.com/jh3yy/status/1998915788452016426)  2025-12-11T00:40Z 140.2K followers, 8973 engagements


"@mrblackstudio @framer love making a scroll book. did one for GSAP a few years back and we did one on the Chrome team for a project once am i going to get in trouble if i polish up and share a CSS demo like this 🙏👀"  
[X Link](https://x.com/jh3yy/status/1999564605350183047)  2025-12-12T19:38Z 140.2K followers, 5795 engagements

[GUEST ACCESS MODE: Data is scrambled or limited to provide examples. Make requests using your API key to unlock full data. Check https://lunarcrush.ai/auth for authentication information.]

@jh3yy Avatar @jh3yy jhey ʕ•ᴥ•ʔ

jhey ʕ•ᴥ•ʔ posts on X about all the, hidden, slack, has been the most. They currently have XXXXXXX followers and XX posts still getting attention that total XXXXXX engagements in the last XX hours.

Engagements: XXXXXX #

Engagements Line Chart

  • X Week XXXXXXX -XX%
  • X Month XXXXXXXXX -XX%
  • X Months XXXXXXXXX +82%
  • X Year XXXXXXXXXX -XX%

Mentions: XX #

Mentions Line Chart

  • X Week XX +8.30%
  • X Month XX -XX%
  • X Months XXX +62%
  • X Year XXX -XX%

Followers: XXXXXXX #

Followers Line Chart

  • X Week XXXXXXX +0.30%
  • X Month XXXXXXX +1.50%
  • X Months XXXXXXX +6.70%
  • X Year XXXXXXX +19%

CreatorRank: XXXXXXX #

CreatorRank Line Chart

Social Influence

Social category influence social networks XXXX% stocks XXXX% finance XXXX%

Social topic influence all the 6.67%, hidden 6.67%, slack 3.33%, has been 3.33%, opacity 3.33%, figma 3.33%, icon 3.33%, $shop 3.33%, realtime 3.33%, lack of XXXX%

Top accounts mentioned or mentioned by @newzealandhodl @codepen @victorbuikem @bedesqui @lukegainzz @rbbydotdev @stevehayes @blvdmitry @keyframes @motiondotdev @nitishkmrk @figma @sorenblank @elevenlabsio @avstorm @wesbos @mrblackstudio @framer @zapriteapp @matthewrcrigger

Top assets mentioned Shopify Inc (SHOP)

Top Social Posts

Top posts by engagements in the last XX hours

"the trick: SVG displacement filter via CSS filter property. use on scaled duplicate content in the view finder element. that way you dont need to worry about backdrop-filter support 🤙 the tell: you dont see all the content behind nice stuff 😎"
X Link 2025-11-02T09:35Z 140.2K followers, 84.2K engagements

"s/o to @steve_hayes who sniped me in Slack with a prompt that i felt obliged to explore/prototype quick 😁 it's a play on the glow cards we did a year or so back you can play with all the controls in this @CodePen 🤙"
X Link 2025-11-22T01:01Z 140.1K followers, 28.8K engagements

"@blvdmitry its truly a wonderful site even getting to contribute a small part has been epic. partly to get a preview and see all the amazing effort behind the scenes 👏🔥"
X Link 2025-12-10T16:43Z 140.1K followers, XXX engagements

"This CSS trick is fascinating By setting: type=range overflow: hidden; You can create a view timeline on the handle: ::-webkit-slider-thumb view-timeline: --thumb inline; And then you can use that to build all sorts of custom range sliders 🚀"
X Link 2024-07-25T01:53Z 140.2K followers, 96K engagements

"responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) grid-template-columns: var(--sidebar-width) 1fr; aside:popover-open translate: X var(--ctrl); height: var(--extend); actual zero JS for the layout transition here so many details to play with 🧑🍳"
X Link 2025-10-12T23:30Z 140.2K followers, 384.3K engagements

"5 min cursor trails with grid + CSS custom properties 💫 div style="--o: 0.2; --r: 3" .grid div opacity: var(--o); transition: opacity 0.8s rotate 0.4s; &:hover transition-duration: 0s; rotate: calc(var(--r 0) * 90deg); opacity: 1; trick: dynamic :hover transition"
X Link 2025-10-27T16:09Z 140.2K followers, 346.5K engagements

"messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳"
X Link 2025-11-04T19:34Z 140.2K followers, 141.4K engagements

"accordion transitions w/ css ::details-content details + summary 🧑🍳 details:has( open) --y: -1; open details --y: 1; details translate: X calc(var(--y) * 1rem); open::details-content height: fit-content;"
X Link 2025-11-06T21:23Z 140.2K followers, 116.5K engagements

"CSS card parallax with pointermove + custom props 🧑🍳 div class=ring style="--i: 2" .ring translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇"
X Link 2025-11-09T23:56Z 140.2K followers, 305.1K engagements

"context-aware css card glow/shine effect 👨🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇"
X Link 2025-11-21T22:53Z 140.2K followers, 619.7K engagements

"honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene built with web components tailwind and SVG 👨🍳 hint: 4930"
X Link 2025-11-28T12:24Z 140.2K followers, 99.2K engagements

"css trick for the "shine" border 🧑🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move"
X Link 2025-11-29T17:29Z 140.2K followers, 199.8K engagements

"you can totally do it with css 🧑🍳 use a border mask layers + overflow: hidden or other tricks skip animating the gradient though jus' spin a 1:1 gradient layer 🤙"
X Link 2025-11-30T01:08Z 140.2K followers, 282.6K engagements

"you can jus' kinda pixelate things with svg feFlood + feTile + feMorphology 👨🍳"
X Link 2025-12-02T00:06Z 140.2K followers, 35K engagements

"you can do this one with css grid position: sticky and some scroll animation 👨🍳"
X Link 2025-12-03T21:51Z 140.2K followers, 200.2K engagements

"this goes for buying "UI Component" packs too please do your due diligence 🙏 people will happily takes 100s of dollars from you but you could end up doing the work twice for a11y perf etc. it's a shame when a proponent of design engineering is building things with care"
X Link 2025-12-08T16:29Z 140.2K followers, 32.6K engagements

"you can stack elements with css grid/subgrid by giving them the same grid position 🧑🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇"
X Link 2025-12-08T18:28Z 140.2K followers, 122.4K engagements

"a css + ui course is still very much the plan doin a lot of life atm the plan is to release when we move 🤞 until then things remain free 🤙"
X Link 2025-12-09T01:02Z 140.2K followers, 20.2K engagements

"@avstorm team absolutely cooked 🔥 honored to contribute this year not seen many people finding the Easter Eggs yet 👀"
X Link 2025-12-10T20:05Z 140.2K followers, 8972 engagements

"@wesbos yep - you can build a whole pinboard app with it wild to think i built this this one in 2023 and now were getting anchor in Firefox 🙌"
X Link 2025-12-11T00:40Z 140.2K followers, 8973 engagements

"@mrblackstudio @framer love making a scroll book. did one for GSAP a few years back and we did one on the Chrome team for a project once am i going to get in trouble if i polish up and share a CSS demo like this 🙏👀"
X Link 2025-12-12T19:38Z 140.2K followers, 5795 engagements

@jh3yy
/creator/twitter::jh3yy