mace
mace
PostsComments
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 7/17/2023 in #front-end
border radius is not working on Border-image-source
this would be one option to achieve that effect: 
body {
  background-color: black;
}

.white-gradient {
  position: relative;
  display: inline-block;
  background-color: grey;
  border-radius: 40px;
  padding: 100px;
 }

.white-gradient::after {
  position: absolute;
  content: "";
  inset: -2px;
  z-index: -1;
  background: linear-gradient(28.96deg, hsla(0, 0.00%, 10.98%, 0.00), hsla(0, 0.00%, 100.00%, 0.70));
  border-radius: 40px;
}
body {
  background-color: black;
}

.white-gradient {
  position: relative;
  display: inline-block;
  background-color: grey;
  border-radius: 40px;
  padding: 100px;
 }

.white-gradient::after {
  position: absolute;
  content: "";
  inset: -2px;
  z-index: -1;
  background: linear-gradient(28.96deg, hsla(0, 0.00%, 10.98%, 0.00), hsla(0, 0.00%, 100.00%, 0.70));
  border-radius: 40px;
}
7 replies