3 ms·

Can anyone explain the infinity sign? I can follow all of the other shapes.

• Stuk 15y ago
  It's two squares, each with three rounded corners and one point, rotated +/- 45 degrees to point at each other.
• kaitnieks 15y ago
  maybe this picture will help: http://picbin.posterous.com/private/itGyiJrIJo http://picbin.posterous.com/private/itGyiJrIJo
• Timothee 15y ago
  The :before and :after add one element of 60px x 60px on each side of the original element. "border: 20px solid red;" and "border-radius: 50px 50px 0 50px;" makes these elements' border round on three sides and square on the bottom right. (of bottom left for the :after element) "transform: rotate(-45deg);" and "transform: rotate(45deg);" turn the two elements so that their square corner meet in the middle, leaving one loop on each side.
• thatjoshguy 15y ago
  The infinity sign caught me as the most interesting and apparently complex, but I love how simple the solution is