DEV Community

Sanchit Gupta
Sanchit Gupta

Posted on

2

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/

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay