DEV Community

Sanchit Gupta
Sanchit Gupta

Posted on

Let's create pac-man using CSS

Pac-Man image, build using CSS

.apps4developers_css_shape {
    width: 0px;
    height: 0px;
    border-top: 120px solid yellow;
    border-right: 120px solid transparent;
    border-bottom: 120px solid yellow;
    border-left: 120px solid yellow;
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
}
Enter fullscreen mode Exit fullscreen mode

See more shapes on Apps4Developers.com - https://www.apps4developers.com/css-shapes/

Discussion (0)