WDD LIVE 120: Experimenting With a "Sliding Background Hover Effect" for Various Uses Cases + Q&A

Mar 24th, 20262 min

Kevin Geary

I'm going to be building a pricing table with a slide hover effect, but using the new anchor positioning spec to see how much easier and flexible it is with some new css techniques. The effect is used a lot of different ways, this is just one example. I'll also think about how to best construct a pricing card/table component to be compatible with an effect like this.

***Agenda***

🔥 Pricing Table with Hover Slide Effect
🔥 Q&A

See you there!

—-

Join me LIVE every other Tuesday at 11am Eastern for in-depth web design and development critiques, plus spur-of-the-moment mini-tutorials based on our discussion!

Through the critique process, you'll learn tips, insights, and best practices for things like:

– UX Design
– UI Design
– Technical SEO
– On-Page SEO
– Copywriting
– Content Marketing
– Conversion Optimization
– Offer Strategy
– Technical Development Best Practices w/ DOM Inspection
– And more!

*** MY TOOLS ***

🔥 Etch – https://gearyco.link/9rjL8bh
🔥 AutomaticCSS (ACSS) – https://gearyco.link/LBeYKSP
🔥 Frames – https://gearyco.link/kSwaWZx

See all my recommended tools here: https://geary.co/tools/

*** INNER CIRCLE ***

Step your design/dev game up, make more money, and get the full scoop on scaling your digital agency! When it comes to the Inner Circle, I don't hold back.

⭕ In-depth design & dev trainings
⭕ Business, sales, & marketing trainings
⭕ Agency resources & downloadables
⭕ Vibrant, quality community with zero toxicity
⭕ …and much more!

Learn more and join here: https://gearyco.link/fbDNKfe

*** SOCIAL ***

👉 X – https://gearyco.link/VkiChCe
👉 FB – https://gearyco.link/Or2kjDg
👉 LinkedIn – https://gearyco.link/wjJkUWK

*** CHAPTERS ***