linear-gradient (_vendor.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin vendor de SISASS para construir un background-image con linear-gradient.

Genera las variantes históricas de la función y la versión estándar del gradiente para aplicarlas como imagen de fondo.

Interface 

@mixin linear-gradient($br);

Parámetros secuenciales

Parámetro Tipo Default Descripción
br String - Define la expresión que se enviará a linear-gradient.

Ejemplo

En este ejemplo, ambos bloques tienen el mismo tamaño. El primero usa un color de fondo sólido. El segundo aplica un gradiente lineal diagonal, por lo que el cambio visual resulta inmediato.

Color sólido

A

linear-gradient(135deg, #A01303, #FBB03B)

A

            


            

                

            


            

                
<div class="linear_gradient_example">
    <div><h3 class="subtitle">Color sólido</h3><div class="sample">A</div></div>
    <div><h3 class="subtitle">linear-gradient(135deg, #A01303, #FBB03B)</h3><div class="sample gradient">A</div></div>
</div>