Radial-gradient(circle at 38px 1px, black 2px, transparent 2px), Radial-gradient(circle at 49px 28px, black 2px, transparent 2px), Radial-gradient(circle at 25px 9px, black 2px, transparent 2px), Here’s a pattern of repeating watermelons using this technique: Both can be used for patterns that are very interesting and might unlock some ideas for you! background: radial-gradient() Let’s look at radial gradients first because they give us very useful things: circles and ellipses. I recommend checking out the syntax for all the gradients to thoroughly understand how to start and end a color in a gradient. conic-gradient(): Similar in concept to radial gradients, but the color stops are placed around the circle rather than emanating from the center point.radial-gradient(): Colors start at a single point and emanate outward.
0 Comments
Leave a Reply. |