@@ -729,7 +729,7 @@ Conic Gradient Examples</h4>
729729
730730 <div class=example>
731731 A conic gradient used to draw a simple pie chart.
732- The 0 color stop positions will be fixed up to be equal to the position of the color stop before them.
732+ The ''0deg'' color stop positions will be fixed up to be equal to the position of the color stop before them.
733733 This will produce infinitesimal (invisible) transitions between the color stops with different colors,
734734 effectively producing solid color segments.
735735
@@ -774,26 +774,31 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
774774 <div class=example>
775775 Repeating color stops with abrupt transitions creates a starburst-type background:
776776
777- <pre> background: repeating-conic-gradient(
778- hsla(0,0%,100%,.2) 0deg 15deg,
779- hsla(0,0%,100%,0) 0deg 30deg
780- ) #0ac;</pre>
777+ <pre>
778+ background: repeating-conic-gradient(
779+ hsla(0,0%,100%,.2) 0deg 15deg,
780+ hsla(0,0%,100%,0) 0deg 30deg
781+ ) #0ac;</pre>
781782
782783 <img src="images/repeating-conic2.png" alt="">
783784 </div>
784785
785786 <div class=example>
786787 Here repeating color stops with abrupt transitions are used to create a checkerboard:
787788
788- <pre> background: repeating-conic-gradient(black 0deg 25%, white 0deg 50%);
789- background-size: 60px 60px;</pre>
789+ <pre>
790+ background: repeating-conic-gradient(black 0deg 25%, white 0deg 50%);
791+ background-size: 60px 60px;
792+ </pre>
790793
791794 <img src="images/repeating-conic3.png" alt="">
792795
793796 The same checkerboard can be created via non-repeating conic gradients:
794797
795- <pre> background: conic-gradient(black 25%, white 0deg 50%, black 0deg 75%, white 0deg);
796- background-size: 60px 60px;</pre>
798+ <pre>
799+ background: conic-gradient(black 25%, white 0deg 50%, black 0deg 75%, white 0deg);
800+ background-size: 60px 60px;
801+ </pre>
797802 </div>
798803
799804
0 commit comments