About Candy Patterns
Ten candy-coloured background patterns in one component. Stretch it, pick a style, let it drift.
Description
Candy Pattern is a background component with 10 patterns. Drop it into a section, set it to Fill and send it to the back. It stretches to any size and stays sharp, because it is drawn in SVG.
It was first made for the Candyclaw template. It now travels alone.
Styles Dots, Stripes, Candy cane, Checker, Gingham, Waves, Scallops, Diamonds, Sparkles and Sprinkles.
Controls
Pattern: choose one of the 10 styles.
Colours: pattern colour, background colour and opacity. Works with your colour styles.
Shape: cell size, thickness and rotation. Thickness steps aside on Checker and Gingham, where it has nothing to do.
Motion: a slow drift with adjustable speed.
Good to know
Drift plays in preview and on the live site. The canvas always shows the still pattern, so editing stays calm.
Drift pauses when the section is off screen and switches off for visitors who prefer reduced motion.
It also comes in colours other than pink.
How to use
Add Candy Pattern to a section.
Set width and height to Fill, or Relative 100%.
Send it to the back and put your content on top.
