Eric @ericgodesign

Just your friendly neighborhood Web Designer. Phoenix, AZ Joined February 2021

Tweets

6
Followers

5
Following

80
Likes

14

jhey ʕ•ᴥ•ʔ @jh3yy

a year ago

CSS Anchor Positioning && :has() for a magnetic hover effect 🤙🧲 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --preview; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right) ... ; }

21 196 2K 209K 2K

Download Video

Eric @ericgodesign

2 years ago

Discovered HTML at 11. Thanks to Yahoo! Geocities and MySpace.

XSGames (by Frank Eno) @xsgames_

2 years ago

Discovered HTML at 11. Thanks to Yahoo! Geocities and MySpace.

583 44 917 94K 40

Download Image

0 0 1 39 0

Adam Argyle @argyleink

2 years ago

morphing tip prototype with View Transitions ✅ fixed position tip ✅ animates display: none ✅ just set innerText and left/top codepen.io/argyleink/pen/… video alt: i mouse into squares causing a tip to move to the center with some text. the tip morphs and moves to position!

3 14 135 20K 74

Download Video

jhey ʕ•ᴥ•ʔ @jh3yy

2 years ago

CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right)…

Victor @vponamariov

2 years ago

56 77 919 880K 601

Download Video

45 682 5K 728K 5K

Download Video

jhey ʕ•ᴥ•ʔ @jh3yy

2 years ago

Future CSS Tip! 🔮 You can create this scrolling image pop-out effect with CSS scroll-driven animations and zero JS! 🔥 .pop { view-timeline-name: --pop; } img { animation: slide both; animation-timeline: --pop; animation-range: entry 100% cover 50%; } .skateboarder {…