jQueryのは

Question

勾配繰り返し-線形の割合を設定

-webkit-repeating-linear-gradient(90deg,#ededed 0%,#ededed 7%,white 7%,white 14%,#ededed 14%,#ededed 21%); 

それは私がjQueryのことで、0％または7％などの割合を設定することが可能だということは可能ですが従うようCSSがありますか？

Answer 1

まず、-webkit-という接頭辞はもう使用しないでください。

ここでは、それはあなたがで変数を挿入することができ、文字列であることがわかり

$('#MyId').css('background', 'repeating-linear-gradient(90deg,#ededed 0%,#ededed 7%,white 7%,white 14%,#ededed 14%,#ededed 21%)'); 

ので：。

var firstPercent = 0; 
 
    var secondPercent = 7; 
 
    $('#MyId').css('background', 'repeating-linear-gradient(90deg,#ededed ' + firstPercent + '%,#ededed ' + secondPercent + '%,white 7%,white 14%,#ededed 14%,#ededed 21%)');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id='MyId'>HERE IS MY GRADIENT</div>

第二に、これはあなたがそれを行うものとするので、backgroundプロパティで使用されます

W3Schools link for gradients

Answer 2

私はこのプロパティが動作するかどうかわからない。しかしこれは、+を使用して連結できるようなものでなければなりません。

var x=0; 
var y=7%; 
$('#Id').css('background', 'repeating-linear-gradient(90deg,#ededed '+x+'%,#ededed '+y+'%,white '+y+'%,white '+2y+'%,#ededed '+2y+'%,#ededed '+x3y+'%)');