logoExtra: estilo.rojo_azul

Descripción: Estilo para crear fondo en degradado (gradiente)


A continuación mostramos los apuntes asociados a este extra:

Gradientes... y svg
Conseguir fondos en colores degradados (o gradientes) cada vez es más fácil.
/* Descripción para sindicación:

    [rss]Estilo para crear fondo en degradado (gradiente)[/rss] 
*/

.gradientes    {
    text-align: center;
    background-color: #eeeeee;
    border: 3px ridge green;
    margin: 1em auto;
    width: 80%;
    padding: 1em;
}

#rojo_azul_200, #gradientes_svg    {
    border: 1px solid black;
}

.rojo_azul_200    {
    margin: 1em auto;
    width: 200px;
    height: 10px;
    border: 1px solid black;
    background: linear-gradient(to right, red, blue);
    background: -webkit-gradient(linear, left center, right center, from(red), to(blue));
    background: -o-linear-gradient(left, red, blue);
    background: -ms-linear-gradient(left, red, blue);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=red, endColorstr=blue);
}

Este código ha sido leído en 131 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.estilo.rojo_azul) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024 | Otros enlaces: buscador