Category: circle

Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items

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| .item #{i} We give these items dimensions, position them absolutely in the middle of...

Elastic Circle Slideshow

View demo Download source Today we’d like to share a very simple content slideshow with you. The idea is to have circular slides that have a playful bouncy effect when animating to the next or previous item. It’s inspired by a really nice Dribbble shot, Mobile Commerce Interface, by Bilal Mechairia. When ...