شیب رنگ تکرار شونده

با استفاده از تابع ()repeating-linear-gradient می توان شیب رنگ را تکرار کرد:

مثال (شیب رنگ تکرار شونده)

یک شیب رنگ تکرار شونده:

#grad
{
/* Safari */
background: -webkit-repeating-linear-gradient(red, yellow 10%, green 20%);
/* Opera 11.1 to 12.0 */
background: -o-repeating-linear-gradient(red, yellow 10%, green 20%);
/* Firefox 3.6 to 15 */
background: -moz-repeating-linear-gradient(red, yellow 10%, green 20%);
/* Standard syntax */
background: repeating-linear-gradient(red, yellow 10%, green 20%);
}
خودتان امتحان کنید »

آموزش های مرتبط

آموزش CSS3-شیب رنگ