Jump to content

Disable individual Flex site-wide animations

Recommended Posts

Site URL: http://thatflowershopwyo.com

Overall, I like the Flex site-wide animation style, but I want to disable the button, navigation, and text link animations with CSS.

I want the fill of the buttons to change to black on hover, but I don't want it to slide in with the extra animation.

As far as the header nav links go, I already added an underline animation to my header links so it's doubled when the flex animations are turned on. I don't actually mind keeping that flex animation and just getting rid of the other CSS I added if I could just make the underline a few px thicker.

For the body links, I just want to get rid of animation entirely so that they don't change color on hover anymore.

Screen Shot 2022-09-23 at 3.42.46 AM.pngScreen Shot 2022-09-23 at 3.39.04 AM.png1823678537_ScreenShot2022-09-23at3_50_30AM.thumb.png.4e876f00a675e363da5c2b9c3eebcc9c.png

Edited by thatflowershopwyo
Link to comment
  • Replies 2
  • Views 588
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.