:Nth-Child Flower

See the Pen :Nth-Child Flower by electricgarden (@electricgarden) on CodePen.

:Nth-Child Flower

Description: It uses nth-child selection to affect the hue of the petals. Try changing the .select-2 class in the HTML with any number from 1 to 20 (e.g. .select-13) to get a feel for how that works.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML (Pug) CSS (SCSS)

Responsive:Yes

Posted: 3.12.2019

Similar Examples