2017-02-01 6 views
2

Obwohl es schwarz ist, zeigt es sich als hellgrau. Ich möchte nicht, dass die Punkte größer werden.Gibt es eine Möglichkeit, diese radiale Verlaufslinie dunkler zu machen?

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

Ändern Sie die Zeile 'calc' von' (100% - .25em) 'in' (100% - .1em) '? – scoopzilla

+0

@scoopzilla: Warum hast du das nicht als Antwort gepostet? Ich denke du solltest. – Harry

+0

@Harry, weil es nicht korrekt ist. versuchen Sie es –

Antwort

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>

die Berechnung ändern.

+0

Wenn Sie etwas hinzufügen möchten, möchten Sie vielleicht sagen, dass * die Farbe im Original-Snippet grau ist, weil es zwischen Schwarz (erste Farbe) und Transparent (zweite Farbe) und dem Zeitraum, für den die Farbe ist, verblasst Schwarz ist kleiner. Indem wir den Farb-Stop-Punkt für die erste Farbe erhöhen (indem wir "100% - .25em" in "100% - .1em" ändern), lassen wir die Farbe für einen längeren Zeitraum schwarz bleiben und der Punkt sieht daher schwarz aus. * – Harry

Verwandte Themen