.png)
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-83-menu-trigger-wrapper’ into your project. Then copy the ‘d-83-menu-wrapper.’ In the navigator panel bring the ‘d-83-menu-trigger-wrapper’ below the ‘d-83-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.
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-83-menu-trigger-wrapper’ into your project. Then copy the ‘d-83-menu-wrapper.’ In the navigator panel bring the ‘d-83-menu-trigger-wrapper’ below the ‘d-83-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.
