# Creating Circular (Bullseye) Stripes in CSS | KIRUPA

**URL:** https://forum.kirupa.com/t/creating-circular-bullseye-stripes-in-css-kirupa/638462
**Category:** programming
**Created:** [July 5, 2018, 1:45am UTC](https://forum.kirupa.com/t/creating-circular-bullseye-stripes-in-css-kirupa/638462 "2018-07-05T01:45:01Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 5, 2018, 1:45am UTC](https://forum.kirupa.com/t/creating-circular-bullseye-stripes-in-css-kirupa/638462/1 "2018-07-05T01:45:01Z")

</div>

When you think of radial gradients, what pops into your mind? Typically, you probably think of colors that blend from one value to another in some outwardly growing circular form. In other words, something that looks like the following:

* * *
This is a companion discussion topic for the original entry at [https://www.kirupa.com/animations/radial\_gradient\_stripes.htm](https://www.kirupa.com/animations/radial_gradient_stripes.htm)