2024年6月1日发(作者：)

}

#LinearPercentage {

float:left;

background: linear-gradient(#0000ff, #ff0000 52%, #00ff00);

}

#LinearAnglePercentage {

float:left;

background: linear-gradient(90deg, #ff0000 20%, #00ff00 50%, #000000 80%);

}

#LinearAngle {

float:left;

background: linear-gradient(30deg, #ffff00 30%, #ff0000, #00ff00);

}

#LinearTopRight {

float:left;

background: linear-gradient(to right top, #00ff00, #ff0000 50%, #0000ff);

}

#RadialCenterCircle {

float:left;

background: radial-gradient(circle at center, #ff0000, #ffff00, #00ffff);

}

#RadialClosestSide {

float:left;

background: radial-gradient(circle closest-side, #ff0000, #00ff00, #ffff00);

}

#RadialFarthestSide {

float:left;

background: radial-gradient(farthest-side, #ff0000 20%, #ffff00 60%, #00ff00 80%);

}

#RadialRightTop {

float:left;

background: radial-gradient(at right top, #ff0000, #ffff00, #00ff00);

}

#RadialRadiusCenter {

float:left;

background: radial-gradient(farthest-side at top right, #ff0000, #ffff00, #01fefe);

}

#RadialGroup {

float:left;

background:

radial-gradient(farthest-side at top right, #ff0000, #ffff00, #009f00, transparent),

radial-gradient(60px at top left, #ff0000, #ffff00, #00ff0e);

}

#RepeatingLinearPercentage{

float:left;

background: repeating-linear-gradient(#ff0000, #00ff00 10%, #000000 15%);

}

#RepeatingLinearRight {

float:left;

background: repeating-linear-gradient(to right, #ff0000, #00ff00 10%, #000000 15%);

}

#RepeatingLinearAngle {

float:left;

background: repeating-linear-gradient(45deg, #ff0000, #00ff00 10%, #0000ff 15%);

}

#RepeatingLinearBottomLeft {

float:left;

background: repeating-linear-gradient(to bottom left, #00ffff, #ff0000 10%, #00ff00 15%);

}

#RepeatingRadialCircle {

float:left;

background: repeating-radial-gradient(circle, #ff0000 0, #00ff00 10%, #0000ff 15%);

}

#RepeatingRadialTopLeft {

float:left;

background: repeating-radial-gradient(at top left, #ff0000, #00ff00 10%, #0de0f0 15%, #ffff00 20%, #000000 25%);

}

#RepeatingRadialClosestCorner {

float:left;

background: repeating-radial-gradient(circle closest-corner at 20px 50px, #00ff00, #ff0000 10%, #00ffff 20%, #ffff00 30%, #ff00ff 40%);

}