Referring to the article "CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS"
[ tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/ ]

As you can see, only the first circle behaves as expected. The 2nd and 3rd circles are doing half-circle flip. I have double checked the HTML and CSS code I put in for Demo 4 following the article.

I really can't figure out what went wrong. Could anyone help me, please?

For the source code, please go to [ cl.ly/2N2b2i1y0n1i ]

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…