Streaming live at 10am (PST)

Code pen button


#1

Hi I would like to know

how to integrate this complex glitch button to create nav link buttons inside my menu


#2

By custom code (Copy-paste the CSS “before head” - copy-paste the JS “before body”).

The codepen use sass. Compile SCSS code into CSS code (paste SCSS --> compile --> copy-paste the CSS to webflow wrap with style<style> /*paste her*/ </style>
https://www.cssportal.com/scss-to-css/

Use webflow to style the button (padding and simple ideas).

Remember - in this codpen the base class is .btn (Very common name. Avoid conflicts so in your project use more specific name like ".glich-btn"


#3

thanks I will give it a go