Lea Verou 2/8/2012

Moving an element along a circle

Read Original

This article details the author's journey to find an elegant CSS solution for moving an element along a circular path without rotating it. It explores the limitations of initial approaches requiring extra HTML elements and presents a final, clever technique using a chain of opposite rotate() and translate() transforms to achieve the desired motion with minimal code.

Moving an element along a circle

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

2
Designing Design Systems
TkDodo Dominik Dorfmeister 2 votes
4
Introducing RSC Explorer
Dan Abramov 1 votes
6
Fragments Dec 11
Martin Fowler 1 votes
7
Adding Type Hints to my Blog
Daniel Feldroy 1 votes
8
Refactoring English: Month 12
Michael Lynch 1 votes
10