DEV Community

Richard Rembert
Richard Rembert

Posted on • Updated on

Ellipse | Pure CSS

Draw a simple rectangle. Your choice of height and width, of the rectangle, will dictate the size and shape of the ellipse.

The border-radius refers to the curvature at the corners of the ​shape; it should be set to a very high value (50% to 100%).

To draw a circle (a special case of ellipses) keep the height and width equal.

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these CSS Examples.

If you liked this post, make sure to follow me on Twitter where I post daily about Tech related things!

🌎 Let's Connect

Discussion (0)