Css градиентный фон тени - PullRequest
0 голосов
/ 09 октября 2018

Мне нужно, чтобы CSS-градиент выглядел так, я пробовал многих онлайн-производителей, но мне не удалось сделать так, чтобы он выглядел именно так?

enter image description here

Ответы [ 2 ]

0 голосов
/ 09 октября 2018

Я слежу за простым и удобным в использовании сайтом, чтобы быстро и легко создавать мои градиенты.Хороший интерфейс и простота использования.

Генератор градиента

Удачи.

0 голосов
/ 09 октября 2018

Вы можете воспользоваться помощью градиент-генератора

body{
        background: rgba(204,242,191,1);
        background: -moz-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,242,191,1)), color-stop(50%, rgba(74,179,32,1)), color-stop(51%, rgba(172,214,101,1)), color-stop(100%, rgba(211,255,140,1)));
        background: -webkit-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -o-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -ms-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: linear-gradient(to bottom, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf2bf', endColorstr='#d3ff8c', GradientType=0 );
                
        margin:0;
        height:100vh;
       
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...