The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Square shape with convex sides. Possible in CSS?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #34833

    I’m trying to create a rounded square shape where each side is a convex arc rather than a straight line. The result would be a rounded box that resembles an old television screen. I’ve posted an image here. Is this possible to create using only CSS?

    I’ve only been able to curve two sides of the box:
    #screen {
    width: 180px;
    height: 180px;
    background-color: red;
    -webkit-border-radius: 50%/10%;
    border-radius: 50%/10%;

    Any thoughts?

    Thanks in advance.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.