Фильтр по рубрикам

    Показать еще ... ()
    Главная / CSS / Создание линейного градиента

    Создание линейного градиента

    Градиент слева направо:

    Скопировано 
    background: #e09d35;
background: -moz-linear-gradient(left,  #e09d35 0%, #f4d400 100%);
background: -webkit-linear-gradient(left,  #e09d35 0%,#f4d400 100%);
background: linear-gradient(to right,  #e09d35 0%,#f4d400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09d35', endColorstr='#f4d400',GradientType=1 );
    Показать код

    Градиент сверху вниз:

    Скопировано 
    background: #029a0c;
background: -moz-linear-gradient(top, #029a0c 0%, #02760a 100%);
background: -webkit-linear-gradient(top, #029a0c 0%,#02760a 100%);
background: linear-gradient(to bottom, #029a0c 0%,#02760a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029a0c', endColorstr='#02760a',GradientType=0 );
    Показать код

    Отличный генератор градиента живет здесь.