Victor Gonzalez Comments - Answer Overflow

Victor Gonzalez

Posts Comments

KPCKevin Powell - Community

•Created by Victor Gonzalez on 11/18/2024 in #front-end

Creating an inverted border-radius with CSS

I want to replace all to understand

20 replies

KPCKevin Powell - Community

•Created by Victor Gonzalez on 11/18/2024 in #front-end

Creating an inverted border-radius with CSS

Yes, but I want to set the exact css properties to understand what's going on. Then I'll add custom variables to my project, you know? For example, I don't know if --_size is a property, height, width...

20 replies

KPCKevin Powell - Community

•Created by Victor Gonzalez on 11/18/2024 in #front-end

Creating an inverted border-radius with CSS

I just want to replace it to the exactly properties to have the exactly same effect.

20 replies

KPCKevin Powell - Community

•Created by Victor Gonzalez on 11/18/2024 in #front-end

Creating an inverted border-radius with CSS

witch property would be ---corner-color to be the same effect?

20 replies

KPCKevin Powell - Community

•Created by Victor Gonzalez on 11/18/2024 in #front-end

Creating an inverted border-radius with CSS

.house-price::after {
  --_size: 19px;
  content: "";
  position: absolute;
  width: 16px;
  aspect-ratio: 1;
  background-image: radial-gradient(
    circle at 100% 100%, 
    transparent var(--_size),
    var(--_corner-color, white) calc(var(--_size) + 1px)
  );
  rotate: -90deg;
}

.house-price::after {
  --_size: 19px;
  content: "";
  position: absolute;
  width: 16px;
  aspect-ratio: 1;
  background-image: radial-gradient(
    circle at 100% 100%, 
    transparent var(--_size),
    var(--_corner-color, white) calc(var(--_size) + 1px)
  );
  rotate: -90deg;
}