Hi Guys,
I'm trying to create the following. So far succeeded to create the divs at load but unable to rotate on mouse drag can you please help? Here's my file below
I just need to know how the rotation can be accomplished when you click and drag mouse in circular motion. All div items inside semi circle have class .items and I'm new to animation.
URL my following to build is below
http://fff.cmiscm.com/#!/main
rotatelDivs.html
I really wasn't interested in what that function does.
I would recommend starting over with your own code so you know how everything works. You don't rotate each individual div. You rotate the outer div. As an item reaches the top, you change it's z-index.
Here are some demos that might help you get started. They don't change the z-index, but it would be done in a onDrag callback for the draggable instance.
See the Pen 0a3823c56edb6b8e560e8