Components AI — A new way to explore generative design systems

Repeating Radial Gradient

Color

Size

Ratio

Shape

Offset X

Offset Y

Box Shadow

Color

Inset

Offset X

Offset Y

Blur

Spread

Css

.radial-gradient { 
background: repeating-radial-gradient(ellipse   at   94%   47%, #dff860, #dff860 19px, #e283bc 19px, #e283bc 40.66px);
box-shadow: inset  4px 3px  6px  0px  transparent; 
})

Js

import styled from '@emotion/styled'

const Component = styled('div')({
background: 'repeating-radial-gradient(ellipse   at   94%   47%, #dff860, #dff860 19px, #e283bc 19px, #e283bc 40.66px),
'boxShadow: inset  4px 3px 6px 0px transparent
})

Previous likes