Jump to content

Button Animation CSS

Recommended Posts

How can I animate a button to look something like the one attached?

It doesn't need the reflection, but I would like an outlined button that fills with colour from left to right.

A brand designer & strategist creating brands that bridge the gaps between artistry, strategy, and thoughtful consideration. Creator of Studio Founded, a digital resource library for purposeful business owners. 
💻 Shop Squarespace Templates
✍️ Curated Business Resources

🥰 Complimentary Downloadables
🤍 Bespoke Branding & Websites

Links in my posts may be affiliate links.

Link to comment
  • Replies 1
  • Views 247
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

I think you can set CSS pseudo after or before, set width:0, then hover, set width:100%

or set left 0 right unset, then hover set right:0;

If you still can't solve, please share link to your site, we can test code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.