CSS Repeating Gradients to Create Stripes or Radial patterns
Wed Jan 08 2020 19:00:00 GMT+0000 (Coordinated Universal Time)
Saved by @solitaire_4_07 #css #webdev #design #gradients
Lines 5 & 18: define the type of gradient. line 6: the direction of the gradient. lines 8-9: specifies the colours and width of each colour. line 10: 20px is the size of one instance of the gradient. All repeats will have a size of 20px line 19: defines the location where the centerpoint of the initial circle is. In this case 0,0 is the upper left corner. lines 20-21: define colours of opposing ends of the gradient and total size of each instance.
https://css-tricks.com/snippets/css/css-repeating-gradients/
Comments