“Gradiente lineal de imagen de fondo y radio de borde” Código de respuesta

Gradiente lineal de imagen de fondo y radio de borde

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
Sergiu The Man

Imagen de fondo CSS de gradiente lineal

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
abdullah

URL de gradiente lineal de imagen de fondo

  body {
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
  }
Busy Butterfly

Respuestas similares a “Gradiente lineal de imagen de fondo y radio de borde”

Preguntas similares a “Gradiente lineal de imagen de fondo y radio de borde”

Más respuestas relacionadas con “Gradiente lineal de imagen de fondo y radio de borde” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código