Pure CSS3 Eggs

Rishabh

• 29943
• 1
• 0

Pure and Fresh CSS3 Eggs created by using border-radius on a rectangle div. Here, the egg shape is created using two values for border-radius separated by a backslash. For example: border-radius: 50% 40% / 50% 80% will create a distorted oval shape (try it now in the playground!).   

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room