Let’s say we wanted to have something like this:
Clockwise circular (cyclic) distribution with partially overlapping items.
At first, this doesn’t seem too complicated. We start with
12 numbered items:
- 12.times do |i|
We give these items dimensions, position them absolutely in the middle of their container, give them a
box-shadow (or a
border) and tweak the text-related properties a bit so that everything looks nice.
Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items is a post from CSS-Tricks