This example showcases moving lines around an image. The image also has a 3d rotation on hover.
do the honors,
hover over the button!
After the project is cloned first copy the ‘d-132-menu-trigger-wrapper’ into your project. Then copy the ‘d-132-menu-wrapper.’ In the navigator panel bring the ‘d-132-menu-trigger-wrapper’ below the ‘d-132-menu-wrapper’ so that the menu trigger comes in front of the menu wrapper. Then set the position for both the menu trigger and the menu wrapper to ‘Fixed’ so that they stay within the browser if there is scrolling within the site. You can then style the menu item text to be larger. The animations are copied into the Webflow ‘Interactions (H)’ panel.
The Learn UI Design course by Erik Kennedy is the most comprehensive course on UI Design on the web. It covers everything from typography, color, elements, and process. If you are new to web development or design I highly recommend this course.
