DEV Community

Sanchit Gupta

Posted on Nov 5, 2021

Let's create pac-man using CSS

#css #shapes #pacman #ui

.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;
}