-
Hi, does anyone have an idea on how to add a border to a button with a clip-path on it? Is there an easy way with generateblocks?
http://appl.davidecrivelli.com/sample-page/ like this one, for example – the borders which are not part of the normal button aren’t showing.
Any hint? (I already did some research, but nothing yet).thanks!
Davide -
Hi Davide,
This can not be achieved with the button block, it would be a bit more complicated. Try building the structure like this:https://app.screencast.com/5ZwC8S3sayFVZ
- container -- container --- headline
1. Set the outer container’s
display
toinline-flex
, setbackground-color
to the wanted border color.
2. Set the outer container’s paddings to the value you want for the border width.
3. Set the inner container’s background color the the wanted button color.
4. Add theclip-path
CSS to both of the containers.Let me know if this helps!
-
Hi Ying, thank you for your reply, your solution seems to work out fine!
thanks!
Have a nice day!Davide
-
You are welcome 🙂
- You must be logged in to reply to this topic.