3 replies

Need help creating a complex button in css

Hello everyone, I've design for this button andI want to create it using css. I'm having difficulty finding approach to build it.
Can someone please help me breaking down the logic please.

I've this code to cut corners of the container.

.cut-top-lef-bottom-right-corner {
  position: relative;
  border: 2px solid white;
  clip-path: polygon(6% 0, 100% 0, 100% 79%, 95% 100%, 0 100%, 0 19%);
  border: none;
  width: 194px;
  height: 36px;
}

.cut-top-lef-bottom-right-corner {
  position: relative;
  border: 2px solid white;
  clip-path: polygon(6% 0, 100% 0, 100% 79%, 95% 100%, 0 100%, 0 19%);
  border: none;
  width: 194px;
  height: 36px;
}

.cut-top-lef-bottom-right-corner {
  position: relative;
  border: 2px solid white;
  clip-path: polygon(6% 0, 100% 0, 100% 79%, 95% 100%, 0 100%, 0 19%);
  border: none;
  width: 194px;
  height: 36px;
}

.cut-top-lef-bottom-right-corner {
  position: relative;
  border: 2px solid white;
  clip-path: polygon(6% 0, 100% 0, 100% 79%, 95% 100%, 0 100%, 0 19%);
  border: none;
  width: 194px;
  height: 36px;
}

Any help would be appreciated.

Need help creating a complex button in css

Similar Threads

Similar Threads

Similar Threads