RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Exploring some experimental circular SVG text effects for an intro animation. Inspired by Mary Lou in CodeDrop's Playground.

Three demos with hover-in, hover-out and click/tap interactions. Also, links to CodeDrop project and an Illustrator file I used to create the SVG text. Clone it today and feel free to use for all projects.

circular-svg-effect

A starter style guide for all your Webflow projects. Every layout needs
a foundation and Initium can help you lay down the main bricks of your project for a smoother no-code development experience. Clone the project today with text styles, color, buttons, links and resources.

Transfer your style guides from your designs in Figma, Sketch, Xd or any other UI design tool. Customize it for all your projects use what you need or add new items to help you develop quicker.

initium-style-guide

A fictional touring bands website to sell their music. Is not complete but I wanted to share the complex interactions and hover effects. This is an ongoing project to test my interaction and problem solving skills using Webflow's infinite possibilities of building complex interactions.

Also, the NavBar is a custom, Symbol instance, and fixed quick-access tray and Classes are using BEM naming method. Feel free to use.

world-tour-demo

Team profile cards with hover in/hover out for desktop and click open/close for all mobile breakpoints. CSS Grid set-up and interaction set-up

team-profile-cards

Description

More by Ivan Badia