Skip to content

Commit

Permalink
update macro
Browse files Browse the repository at this point in the history
  • Loading branch information
OnkarRuikar committed Nov 23, 2023
1 parent dd03030 commit 4c1ac8d
Show file tree
Hide file tree
Showing 6 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion files/en-us/web/css/gradient/conic-gradient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the left uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the right uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample('Interpolation in polor color space with hue interpolation methods', 240, 200)}}
{{EmbedLiveSample('Interpolation with hue interpolation methods', 240, 200)}}

### More conic-gradient examples

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/gradient/linear-gradient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -203,7 +203,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the top uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the bottom uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample("Interpolation in polor color space with hue interpolation methods", 120, 120)}}
{{EmbedLiveSample("Interpolation with hue interpolation methods", 120, 120)}}

### Gradient with multi-position color-stops

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/gradient/radial-gradient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the left uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the right uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample('Interpolation in polor color space with hue interpolation methods', 240, 200)}}
{{EmbedLiveSample('Interpolation with hue interpolation methods', 240, 200)}}

### More radial-gradient examples

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -211,7 +211,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the left uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the right uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample('Interpolation in polor color space with hue interpolation methods', 240, 200)}}
{{EmbedLiveSample('Interpolation with hue interpolation methods', 240, 200)}}

### More repeating-conic-gradient examples

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -180,7 +180,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the top uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the bottom uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample("Interpolation in polor color space with hue interpolation methods", 120, 120)}}
{{EmbedLiveSample("Interpolation with hue interpolation methods", 120, 120)}}

> **Note:** Please see [Using CSS gradients](/en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients) for more examples.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ In this example for interpolation hsl color system is being used and hue is bein

The box on the left uses [shorter interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#shorter) so color goes straight from red to blue taking short arc on [color wheel](/en-US/docs/Glossary/Color_wheel). And the box on the right uses [longer interpolation](/en-US/docs/Web/CSS/hue-interpolation-method#longer) so the color goes from red to blue via green taking longer arc.

{{EmbedLiveSample('Interpolation in polor color space with hue interpolation methods', 240, 200)}}
{{EmbedLiveSample('Interpolation with hue interpolation methods', 240, 200)}}

> **Note:** Please see [Using CSS gradients](/en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients) for more examples.
Expand Down

0 comments on commit 4c1ac8d

Please sign in to comment.