Streaming live at 10am (PST)

Custom Button Shapes


#1

Is it possible to make a button shape like this?

Thanks for this forum... it is extremely useful for newbs like me. :eyeglasses:


Here is my public share link: LINK
(how to access public share link)


#2

Hello and welcome, currently in Webflow I do not believe this is possible natively. Although you can use custom code for this specific shape. :wink:


#3

Yes, possible http://sandbox-903b9c.webflow.io/button-shapes

But you won't be able to style the background or border on hover in the designer, as the arrow has to be a separate element.

Of course, you can add a custom style for the hover part.

Share link: https://preview.webflow.com/preview/sandbox-903b9c?preview=2a77d4d5446ddad097abb9bf8603288b


#4

Thanks! Could you send the public share link of that so I can see how you did it?


#5

Hi,

I did this for a breadcrumb.

You can see it here http://breadcrumb-cca.webflow.io/

https://preview.webflow.com/preview/breadcrumb-cca?preview=726612009dae253a1d80d77fd3a7fb3f

I learned using this article :http://line25.com/tutorials/how-to-create-flat-style-breadcrumb-links-with-css

The trick is to play with the borders of the div shape.


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.