Simple Popup Modal in Webflow in 9 Minutes
15.3 هزار بار بازدید -
2 سال پیش
-
Here's how to make a
Here's how to make a solid modal in Webflow simply. Closes on background click AND close button. Also has a light animation you could improve upon. Unfortunately, it's not very accessible, but we'll take a look at some improvement in the next video!
// CLONE IT
👉 https://try.webflow.com/cloneable-is-...
// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...
// Premium content
🤝 Patreon: Patreon: webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...
// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...
// Connect
🙋♀️ Join the Discord: Discord: discord
🐥 Follow Me! Twitter: WebIsBae
00:00 Intro
00:15 Modal build
04:15 Interaction
06:19 Animate it
08:30 Accessibility Problems with this modal
// CLONE IT
👉 https://try.webflow.com/cloneable-is-...
// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...
// Premium content
🤝 Patreon: Patreon: webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...
// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...
// Connect
🙋♀️ Join the Discord: Discord: discord
🐥 Follow Me! Twitter: WebIsBae
00:00 Intro
00:15 Modal build
04:15 Interaction
06:19 Animate it
08:30 Accessibility Problems with this modal
2 سال پیش
در تاریخ 1401/07/29 منتشر شده
است.
15,339
بـار بازدید شده