X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Параметры градиента
sergei_burg
sergei_burg
Topic Starter сообщение 18.11.2016, 15:54; Ответить: sergei_burg
Сообщение #1


Не могу понять логику, как создается такой жесткий переход в градиенте
[CSS]repeating-linear-gradient(-60deg, #fff, #fff 20px, #e2edc1 20px, #e2edc1 70px)[/CSS]
я методом тыка понял что 20 и 20 за это ответственны но не понял почему.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alivato
alivato
сообщение 19.11.2016, 0:22; Ответить: alivato
Сообщение #2


[CSS]background: repeating-linear-gradient(угол, цвет1 размер1, цвет2 размер2);
background: repeating-linear-gradient(направление, цвет1 размер1, цвет2 размер2);[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergei_burg
sergei_burg
Topic Starter сообщение 19.11.2016, 9:32; Ответить: sergei_burg
Сообщение #3


(alivato @ 19.11.2016, 03:22) *
[CSS]background: repeating-linear-gradient(угол, цвет1 размер1, цвет2 размер2);
background: repeating-linear-gradient(направление, цвет1 размер1, цвет2 размер2);[/CSS]


То есть что бы сделать жесткий переход нужно какие размеры подбирать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alivato
alivato
сообщение 20.11.2016, 3:04; Ответить: alivato
Сообщение #4


Вот: jsfiddle

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 19.4.2024, 4:09
Дизайн