“Gradiente lineal superior de borde de CSS” Código de respuesta

borde de gradiente lineal

div-border-and-content-background {
  border-top: double 5px transparent;
  
  /* first gradient is for card background, second for border background */
  background-image: linear-gradient(white,white), linear-gradient(to right, grey, black);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  }
Friendly Ferret

Gradiente lineal superior de borde de CSS

.bordertest {
    height:300px;
    width:300px;
    border-top:30px solid #c4268c;
    background:#000;
    position:relative;
    margin:1em;
}
.bordertest:first-child:before {
    content:'';
    position:absolute;
    width:100%;
    height:30px;
    background:linear-gradient(to left, #c4268c, #9a0b72);
    top:-30px;
    left:0;
}
Shy Snake

Respuestas similares a “Gradiente lineal superior de borde de CSS”

Preguntas similares a “Gradiente lineal superior de borde de CSS”

Más respuestas relacionadas con “Gradiente lineal superior de borde de CSS” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código