Components AI — A new way to explore generative design systems

Repeating Radial Gradient

Color

Size

Ratio

Shape

Offset X

Offset Y

Css

.radial-gradient { 
background: repeating-radial-gradient(ellipse   at   86%   20%, #9e1cce, #9e1cce 89px, #53d2a9 89px, #53d2a9 226.95px);

}

Js

import styled from '@emotion/styled'

const Component = styled('div')({
background: 'repeating-radial-gradient(ellipse   at   86%   20%, #9e1cce, #9e1cce 89px, #53d2a9 89px, #53d2a9 226.95px)'
})

Previous likes