Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
sergei2210
0 / 0 / 0
Регистрация: 07.04.2016
Сообщений: 102
1

Параметры градиента

18.11.2016, 14:51. Просмотров 890. Ответов 3
Метки нет (Все метки)

Не могу понять логику, как создается такой жесткий переход в градиенте

CSS
1
repeating-linear-gradient(-60deg, #fff, #fff 20px, #e2edc1 20px, #e2edc1 70px)
я методом тыка понял что 20 и 20 за это ответственны но не понял почему.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
18.11.2016, 14:51
Ответы с готовыми решениями:

Анимация градиента
Не выходит анимировать переход из одного градиента в другой в фоне дива, вот...

Анимация градиента
Есть ли возможность сократить или изменить код листинга, но чтобы действие...

Фон градиента убегает
После изменения размеров окна происходит камасутра Фото во вложениях. (до,...

Фиксация градиента body
Всем доброго времени суток! Возможно ли зафиксировать градиент в body? ...

Верстка градиента CSS3
Добрый день! Помогите пожалуйста решить проблему с градиентом. Хочу получить...

3
tisha_
57 / 57 / 36
Регистрация: 16.09.2015
Сообщений: 296
Завершенные тесты: 3
18.11.2016, 15:05 2
место для размывки не выделено, если бы было 0-10 белый, 20-70 салатовый, то был бы переход, попробуйте через инструменты разработчика посмотреть
0
sergei2210
0 / 0 / 0
Регистрация: 07.04.2016
Сообщений: 102
19.11.2016, 08:34  [ТС] 3
Мне и нужен жесткий переход, как это сделать
0
Desire7
3 / 3 / 2
Регистрация: 03.09.2013
Сообщений: 37
20.11.2016, 00:38 4
Лучший ответ Сообщение было отмечено sergei2210 как решение

Решение

Необходимо задавать промежуток цвета начиная с конца предыдущего, например:
0% красный
25% красный

25% зеленый
50% зеленый

50% синий
75% синий

75% желтый
100% желтый

CSS
1
background: linear-gradient(-60deg, red 0%, red 25%, green 25%, green 50%, blue 50%, blue 75%, yellow 75%, yellow 100%)
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.11.2016, 00:38

Вёрстка прозрачного градиента
Доброго времени суток. Как создать такой градиент? ЧТо бы он становился...

Резкий переход цветов градиента
В толк не возьму как сделать резкий переход между 4 цветами без плавного...

Почему кнопка вне градиента?
вот код.reg{ background: #f0f0f0; background: -webkit-gradient(linear, left...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru