repeating-radial-gradient(red, blue 50%); 図形の中央から外側に向かって、0% と 50% の間のグラデーションが2回繰り返される | ||
repeating-radial-gradient(ellipse closest-corner at 20px 20px, red, blue); 中心(20,20) から一番近い角までの長さのグラデーションが繰り返される | ||
repeating-radial-gradient(ellipse farthest-corner at 20px 20px, red, blue); 中心(20,20) から一番遠い角までの長さのグラデーションになる (繰り返されない) | ||
repeating-radial-gradient(50px at 20px 20px, red, blue); 中心(20,20) 半径 50px の円形のグラデーションになる (その外側もグラデーションになる) | ||
repeating-radial-gradient(20px 50px at 20px 20px, red, blue); 中心(20,20) 半径 20px 50px の楕円形のグラデーションになる (その外側もグラデーションになる) | ||
repeating-radial-gradient(circle farthest-side at 25% 20%, red, yellow 50px, blue 70px); (50px, 10px) から右辺までの半径で、50pxと100pxの間と 100pxと120pxの間とでグラデーションになる (200px の 25%, 50px の 20%) | ||
repeating-radial-gradient(ellipse farthest-corner at top left, red, yellow, green, blue 60%); 左上から右下に向かって、0% と 20% と 40% と 60% の間とでグラデーションになる | ||