Aflutter

Testing out CSS class techniques to affect multiple copies of a shaped group at the same time. I created this before learning about the Use element, so unfortunately there is a lot of repeated code in the file, but ultimately this is a creative take on a flower.

Large, pointed petals with spots along the ribs, with smaller and lighter petals overlapped on top of them. The flower takes up most of the right side of the frame, and there is a butterfly in profile floating just to the left of the flower.

Download the Aflutter SVG file

A large flower is fully bloomed on the right side of the screen and a butterfly is hovering above it in the upper left quadrant of the drawing. The flower has 5 large curved petals with dark ribs down each of their centers, each petal speckled with a variety of spots. There are 5 smaller secondary petals that are brighter in color with darker ribs down their centers. The lighter petals are arranged in the same star pattern around the central disc of the flower, but rotated to fill in the spaces between the larger petals. There is a stem poking down under the flower. The butterfly has a long body, a circular head with angled antennae, large primary wings and smaller secondary wings, and each wing has a spot nestled within the tip.