2017-02-01 1 views
2

Даже если он черный, он выглядит светло-серым. Я не хочу, чтобы точки больше.Есть ли способ сделать эту линию радиального градиента темнее?

https://jsfiddle.net/bek17q3t/1/

body,html 
{ 
    background-color: #e7e6e6; 
    height: 100%; 
} 
div 
{ 
    position: relative; 
    top: 10px; 
    left: 30px; 
    width: .25em; 
    height: 100%; 
    background-image: radial-gradient(circle closest-side,#000000 calc(100% - .25em),transparent 100%); 
    background-repeat: repeat-y; 
    background-size: .25em .75em; 
} 
+2

Изменить строку 'calc' от' (100% - .25em) 'to' (100% - .1em) '? – scoopzilla

+0

@scoopzilla: Почему вы не опубликовали это как ответ? Я думаю тебе надо. – Harry

+0

@ Харри, потому что это неправильно. попробуйте –

ответ

2

body,html 
 
{ 
 
    background-color: #e7e6e6; 
 
    height: 100%; 
 
} 
 
div 
 
{ 
 
    position: relative; 
 
    top: 10px; 
 
    left: 30px; 
 
    width: .25em; 
 
    height: 100%; 
 
    background-image: radial-gradient(circle closest-side,#000000 calc(100% - .1em),transparent 100%); 
 
    background-repeat: repeat-y; 
 
    background-size: .25em .75em; 
 
}
<div> 
 
    </div>

Изменить расчет.

+0

Если вы не возражаете добавить, вы можете сказать, что * в исходном фрагменте цвет серый, потому что он затухает между черным (первый цвет) и прозрачным (второй цвет) и периодом, для которого цвет черный меньше. Увеличивая точку остановки цвета (меняя «100% - .25em' на« 100% - .1em') для первого цвета, мы делаем цвет таким же черным в течение более длительного периода, и, таким образом, точка выглядит черным цветом. * – Harry

 Смежные вопросы

  • Нет связанных вопросов^_^